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 responsive design using HTML and CSS

Janet 40

@janetthieu

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@marawanmohamed9876

Posted

Nice work Janet

1

Janet 40

@janetthieu

Posted

@marawanmohamed9876 Thanks!

1
Arturo Simon 1,785

@artimys

Posted

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

@janetthieu

Posted

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

@hariramjp777

Posted

Good 👍

0

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