Layouts like this used to be a huge pain, but with the more modern tools that are being introduced to CSS, like grid, subgrid, flexbox and some fun functions like clamp() things are getting *so much easier*!
Moritz’s Instagram:
Finished code:
0:00 – intro
2:05 – project starts
10:00 – starting the CSS (mobile-first)
31:43 – setting up the grid
37:30 – setting up the subgrid
48:15 – adjusting for bigger screens
—
Come hang out with other dev’s in my Discord Community
—
Keep up to date with everything I’m up to
—
Help support my channel
Get a course:
Buy the t-shirt:
Support me on Patreon:
—
My editor: VS Code –
How my browser refreshes when I save:
—
I’m on some other places on the internet too!
If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram:
Twitter:
Codepen:
Github:
—
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
