Skip to content
Submitted about 4 years ago

Mobile first responsive design using HTML and CSS

Janet•40
@janetthieu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This was my first challenge here! I learned a lot about grid, flex, and media queries.

My questions:

  • Would there be a more efficient way to create the responsiveness on this site?
  • Are there other things you could suggest to make this site more accessible?

Any and all critiques are welcome. I'm here to grow and thank you in advance for helping me do so!

Community feedback

  • Marawan Mohamed•90
    @marawanmohamed9876Posted about 4 years ago

    Nice work Janet

    1
    Janet•40
    @janetthieuPosted about 4 years ago

    @marawanmohamed9876 Thanks!

    1
  • Arturo Simon•1,785
    @artimysPosted about 4 years ago

    Hi Janet, nice job on your first challenge.

    Looks like you got a good foundation here. Semantics are there. Your <section> tags needs a heading tag though to go along with it.

    To answer your question yes I believe its certainly possible to create this site differently. Try using just flexbox if you wanted to give it a round two. After you complete few of these challenges with css grid and flex. You'll come to realize what's best especially since there is no one right solution. Hope it helps

    Keep on coding!!

    1
    Janet•40
    @janetthieuPosted about 4 years ago

    Hey Artimys, thanks for your feedback!

    I'll correct my section tags and try the challenge with just flexbox for sure.

    1
  • Hari Ram•370
    @hariramjp777Posted about 4 years ago

    Good 👍

    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