Skip to content
Submitted 5 months ago

Mobile-First Design using CSS Flexbox and Grid Layours

Preston Taylor•120
@PrestonLTaylor
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What specific areas of your project would you like help with?

The main areas of feedback would be appreciated for how I implemented my CSS styles.

Community feedback

  • Shoaib Shuja•560
    @ShoaibShujaPosted 5 months ago

    Amazing job my friend and the layout seem to be perfectly designed and even though you didn't use media queries the layout seems to be responsive and works for smaller devices.

    For now I have two tips for you:

    • First of all you do not need to create a lot of properties as a variable if you are not going to use it several times

    • And second don't forget to add media queries which it's function is basically making the page responsive and work in different types of devices.

    Good luck and have a beautiful day.👍

    1
  • araujocardoso1010•80
    @araujocardoso1010Posted 5 months ago

    Looks good

    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