Where can I find additional HTML and CSS projects to practice with?
Looking to get even more practice with your new HTML & CSS skills? Try taking on some of these projects! They make excellent additions to your personal portfolio of work.
Sites to find free Downloadable PSDs
Frontend Mentor (they also have their own Discord channel)
Behance.net (search for ‘website mockup’ or similar)
devChallenges
Codier
iCodeThis
Sites for Inspiration
Are you feeling especially brave? Do you want to code the things that real designers and developers are making? Take a gander at these! Dig into these sites and recreate them using your HTML & CSS skills. Pare it down by skipping the responsiveness and JavaScript functionality (for now) and focus on making an awesome desktop version of the site. Open up the Chrome Inspector tool when you’re stuck and show off your finished products in the student community.
Practice Flexbox
To become more comfortable with Flexbox, many students like the Flexbox Froggy and Flexbox Zombie games. Also try the CSS Tricks Flexbox guide, Wes Bos' course on Flexbox, and Josh Comeau's interactive blog post. The Chrome DevTools and Flexbox and Device Mode docs have a great overview of using the Flexbox editor. And this Codepen of Flexbox properties allows you to toggle different properties and values off and on.