Free Code Camp: CSS Grid Challenges

Youtube playlist

Let’s start!

CSS grid, part 1/5
  • fr: sets the column or row to a fraction of the available space,
  • auto: sets the column or row to the width or height of its content automatically,
  • %: adjusts the column or row to the percent width of its container.
CSS grid, part 2/5
  • start: aligns the content at the left of the cell,
  • center: aligns the content in the center of the cell,
  • end: aligns the content at the right of the cell.
CSS grid, part 3/5
CSS grid, part 4/5
CSS grid, part 5/5

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Eleftheria Batsou

Eleftheria Batsou

Hi, I’m a community manager and an app developer/UX researcher by passion. I love learning, teaching and sharing. My passions are tech, UX, arts & working out.