/css-layout

🎨 CSS Layout Master with Flexbox & Grid

Primary LanguageHTML

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