Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile First (I try..) solution with Css Grid

Vitor Marçal• 95

@vitormarcal

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What is the best way to organize my responsive styles (@media styles). In this challenge, I created a main css file and a responsive css file. The responsive css file contains @media. Thank you for your help! :D

Community feedback

Account Deleted

For this challenge, since is a small component and you're the only developer it's completely fine, but when you have to face a big application like Facebook, with a team of developers who must stay in sync, an approach like this could be way too messy bringing with it a lot of technical debt. Definitely the way to go with an application that big is utility-first; actually, if you inspect Facebook, you'll find tons of CSS utilities for each purpose.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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