Sunnyside agency landing page solution (*Non-responsive)
Design comparison
Solution retrospective
Hey, this is my first big project, I am kind of lacking in making this page responsive. I would like to submit now for I want to know how others have done it by checking their solution. Please leave any suggestions that might help me finish this project in a better way.
Community feedback
- @marckesinPosted over 2 years ago
I've just finished this challenge and used Bootstrap5 as well. Feel free to take a look at my solution to get some insights.
Marked as helpful0 - @djblackettPosted over 2 years ago
I had the exact same issue with the "transform" and "stand-out" cards being too big at certain screen widths. You can use use "aspect-ratio: 1" to force them to be squares like the images next to them. If they run off the page to the sides despite aspect ratio being defined, you can make sure your margins and padding are not too big (using %s will help), and you could also set a max-width property to force them smaller.
Marked as helpful0 - @Kl3vaPosted over 2 years ago
You might want to define a width for the testimonial section using a relative unit. Also, the margin set with px affects the view on mobile. You might want to change that too.
Marked as helpful0
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