Skip to content
Submitted almost 4 years ago

Mobile First Four Card Solution | Using CSS Grid

Tommy•10
@Tommy394
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

Hi! I'm still confused when is right time to use px, em, or rem, so I'm mostly use rem for the length value, is that the right thing to do?.

And any suggestion on the other CSS technologies that I can use for this challenge?

I'm new to the front end development, I don't know if this is the best approach to this challenge, so a feedback would meant a lot to me.

Thanks!

Community feedback

  • James Mitchell•295
    @iamjmitchPosted almost 4 years ago

    Hi, in terms of when to use rem vs em vs px vs %, for your own personal projects, use what ever you're comfortable with. In a professional environment, have a read of this article https://engageinteractive.co.uk/blog/em-vs-rem-vs-px

    With the CSS there's nothing wrong with using SASS or something similar. How youve done it is fine as the CSS required is quite short however once you get to bigger projects you'll make your coding faster by using some sort of CSS pre-processor

    1
    Tommy•10
    @Tommy394Posted almost 4 years ago

    @iamjmitch Thanks for your input. I appreciate it.

    0

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