Four card section [Pure CSS & Grid Layout]
Design comparison
Solution retrospective
🛸Hello FEM Community! I'm Facundo and this is my solution for this challenge! 😊
🛠️ Built with:
- HTML 🧱
- Advanced CSS (Pseudo classes/elements & combinators)🎨
- Variable Fonts 🔠
- Flexbox ⚒️
- Grid ⚒️
- Responsive Design
- SEO 🌍
- Mobile First 📱
- NEW media query ranges syntax
- Conventional commits (git) 📜
This project challenges us to study the different ways of designing a layout, in this case I solved it using the grid layout system
Again, thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. 💟
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome 😊
What challenges did you encounter, and how did you overcome them?The truth is that the most difficult thing for this project was using the grid layout system to organize the cards section, I spent a long time looking for solutions and ways to make it simple. The truth is that this system is very entertaining due to its complexity and I hope to be able to apply it in more projects to develop increasingly complex designs.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord