Design comparison
Solution retrospective
please if anyone can help in any way with regards the @media screen section it would be awesome. I have set the widths as required for the desktop and mobile screens but I'm not sure how to begin styling the elements to make them adjust accordingly to the screen size
Community feedback
- @fainsteinPosted about 4 years ago
Hey paul, your page looks pretty good.
For Media Queries, as you wrote, you have: @media (condition) { //Style to apply }
For example: a max-width: 500px condition, will apply styles all values between 0 to 500px.
Take a deeper look to the backround, it has 2 images to incorporate! Also the avatars for the 3 bottom cards.
I really liked your job! Keep going.
Here's my solution to the challenge: https://www.frontendmentor.io/solutions/responsive-social-proof-section-html-css-WOzC16Ewa
Happy coding!
1@pgbasseyPosted about 4 years ago@fainstein many, many thanks for the encouragement! your solution is awesome. I see now that I completely missed the background and the avatars. thanks for pointing that out as well! I really appreciate the feedback!
1@pgbasseyPosted about 4 years ago@fainstein P.s .. many thanks for the link to your project. I got quite a few pointers from your work. much appreciated.
1
Please log in to post a comment
Log in with GitHubJoin 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