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

my very first challenge

Aline 35

@Alpasc

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


Didn't know how to handle the change between mobile screen and desktop screen... please let me know how you're used to do it.

Thanks !

Community feedback

Rita 350

@ritapetillo

Posted

Hi, the proper way to make your website responsive is setting up media queries. With media queries you can set up breakpoint and style certain elements based on the size of the screen (breakpoint).

What I usually do is opening Chrome developer tools and check how the design of the page reacts when I shrink the page width. When I see that the design starts to be off, I write down the breakpoint and I write a media query to fix those elements of the page which don't behave appropriately for that screen size.

In your code, if you want to make the website more responsive, you can try to write other media queries for different breakpoints.

2

Aline 35

@Alpasc

Posted

@ritapetillo Thanks ! i'm going to do a tablet version do handle that and i'll repost my solution

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