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

08-social-proof-section-master

Cas 210

@iguanasplit

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


i wasnt sure what to do about the background... i filled the SVG with white and layered a gradient. im not sure what would have been the ideal solution.

(i know im mixing px and rem please dont look at it!!!!! im working on that)

I found it specially difficult defining the specific sizes of the cards, should i be using width? or max-witdth or min-width? (asking bcs i was suggested not to use width but to use min or max and then someone said the opposite)

Rather than just the desktop-mobile size as i resized it to smaller example 1080px the text started to overflow and if i set a static width then it overflows, but if its relative then they all start resizing at their own pace.

Any feedback tips and advice on how to improve the code is very welcome (believe that im saving all resources on a folder!), thank you and have a nice day!!

Community feedback

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