GitHubGW / css-layout

🎨 CSS Layout Master with Flexbox & Grid

CSS-Layout

🔥 Stack

Front-end

✅ Packages

• HTML5
• CSS3
• SCSS
• Flexbox
• Grid

1️⃣ Flexbox

• Main Axis / Cross Axis
• Column and Row
• justify-content, align-items
• align-content, align-self
• wrap, nowrap, reverse, align
• flex-wrap
• flex-grow, flex-shrink
• flex-basis

2️⃣ Grid

• template areas
• rows and columns
• grid-template
• place-items
• auto-columns, auto-rows
• minmax
• auto-fill, auto-fit

☑ Keywords & Functions

• repeat
• fr
• minmax
• auto-fit, auto-fill
• min-content, max-content

3️⃣ SCSS

• Variables
• Nesting
• Mixins
• Extend
• Responsive Mixins

🌍 Clone Website

• https://besthorrorscenes.com
• https://paint-box.com
• http://10x19.co
• http://www.z-o-o.fr
• https://schwartzmedia.com.au
• https://tolv.dk
• https://rodicdavidson.co.uk
• https://beige.de
• http://donicaida.com
• https://canalstreet.market
• https://wonhundred.com