Sunnyside Agency landing page with HTML & CSS only
Design comparison
Solution retrospective
I have tried to use native HTML responsiveness for images without appealing to CSS background.
Any comments highly appreciated. Happy coding to all!
Community feedback
- @Renato6GSPosted almost 3 years ago
HI!
Good work in this challenge 😀
Maybe, you might to use the 100% of the width, because there are two thick white borders from side to side.
Other thing, the Image "sugar cubes" does not load.
Marked as helpful0@danielduduPosted almost 3 years ago@Renato6GS
Hi Renato, Thank you for your comment. I fixed the sugar-cubes image. About 100% of the width ... I have tried many times, but the max width of the pictures combined 2 by 2 is 1440px. If I go beyond I would mess it . Maybe if I'd choose not to use <picture> & srcset in HTML and use CSS bacground image - 100% width would be possible. But I just wanted to play with HTMl raw responsiveness :)
0
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