Build a responsive HTML CSS timeline with this step-by-step guide. The objective is to build a responsive timeline with two display orientations for regular and mobile screen sizes. This project…

A while ago I stumbled onto Markdown and it was a game-changer for how I write all-things code. This neat intro to Markdown by Zaira Hira on freeCodeCamp was what…

Ready to tackle freeCodeCamp’s product landing page project? I’d say the biggest challenge for this project was choosing a single product to focus on. After considerable deliberation (aka five minutes…

While browsing The Ordinary’s website resolute in finding the means to battle futuristic wrinkles, I came upon a floating label input field that stole my heart. Okay, maybe it didn’t…

The second coding project of freeCodeCamp’s Responsive Web Design Projects is to build a survey form. Since the recommendation is to give it my own personal style (and, in part,…

Build a CSS loading animation of three animated dots in this step-by-step guide. Loading animations enhance the user experience by letting a user know something is loading on the site.…

Create an interactive menu component that can be customized for any type of website. In our example, we’ll look at different types of pasta. This Know Your Pasta component can…

A step-by-step solution to freeCodeCamp’s Tribute Page Challenge. I’ll be using FCC’s codepen tribute page example as a reference. This is purely a CSS and HTML project – keep in…

Create an animated beating heart using only HTML and CSS for a fun little side project that will let you explore the CSS animation properties. Objective: Make a heart shape…