FreeCodeCamp Tutorials

Learn Basic CSS by Building a Cafe Menu

This tutorial helped me to understand the basic concepts of CSS such as selectors, properties, and values. I learned how to create a simple and aesthetically pleasing cafe menu, adding color, padding, and margins to create a polished final result. It was not too difficult to grasp as it provided a solid introduction to CSS.

Learn the CSS Box Model by Building a Rothko Painting

This tutorial helped me to understand the box model concept in CSS. I learned how to create a Rothko-style painting by using borders, padding, and margins to create different box sizes and shapes. It was a bit challenging to grasp at first, but with practice, I became more comfortable with the box model.

Learn CSS Flexbox by Building a Photo Gallery

This tutorial helped me to understand how Flexbox works and how to use it for creating flexible layouts. I learned how to create a responsive photo gallery, using Flexbox to create a clean and organized layout that works well on all devices. It was a bit difficult to grasp the intricacies of Flexbox, but the tutorial provided clear explanations and examples that helped me to understand it better.

Learn CSS Grid byb Building a Magazine

This tutorial helped me to understand how CSS Grid works and how to use it for creating complex layouts. I learned how to create a magazine-style layout, using Grid to arrange content in multiple columns and rows. It was a bit challenging to grasp the different properties of CSS Grid, but the tutorial provided clear explanations and examples that helped me to understand it better.