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

Social Proof Section

Aiden 80

@AidenM99

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 is my second project, not sure how to adapt it to mobile or position the background correctly, some of my spacing also seems off. Any feedback is appreciated.

Community feedback

Account Deleted

Hi @AidenM99,

I think you should try to separate your HTML in a better way, for example you can use a MAIN to be able to place everything that is the project information and outside the MAIN you can locate the rest, for example in this case the images of the background and in the MAIN element you can place the rest of the main content and at the same time use it as a container to better center all the content of the project

also do not forget to place an ALT element in your images they are necessary for a description unless you use the image as an icon that the ALT is necessary but may be empty.

remember it's just my opinion you can adjust it to your perspective.

0

Aiden 80

@AidenM99

Posted

Thanks for the tip, I can definitely use that.

0
Marcus 50

@marcus-ko

Posted

Hi Aiden, for the mobile view, you want to use media queries to style elements when the browser is at a certain width. For example, @media only screen and (min-width: 768px) will style elements when the browser is at and above 768px. So you can add all of your styles for desktop under here and any styles that are not under a media query will be styles for mobile. Hope this helps.

0

Aiden 80

@AidenM99

Posted

I see, thanks for the clear explanation!

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