I have some experience with the css flexbox and css grid. But after I took Wes Bos’s courses on both topics, I realized there was still much too learn. That’s why I wrote a small webpage where I summarized all the key concepts I took from the course. Find the code here and have a look here.

For future websites I’ll try to work with these functions:

  • flex-grow and flex-shrink
  • center elements inside divs with justfiy-content and align-items
  • use calc to know remove extra padding and borders form divs.
  • make use of auto in grid-template-columns
  • use auto-fill with minmax to make dynamic grids for mobile design
  • use auto-flow-dense to fill gaps in a grid