Skip to content
Submitted over 4 years ago

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

Vitor Marçal•95
@vitormarcal
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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

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