Design comparison
Solution retrospective
Hello, Second Challenge Accomplished. Rate my code from 1 to 10. Consider your ratings based on how clean my code is, How close to the mockup I am!! IF there are any errors or improvements please don't hesitate to give me those remarks!! One question, How many viewport dimensions do we have to consider when creating websites?? When I try inspect the responsiveness on chrome dev tools, changing width and height , there are some sizes where the website breaks a little . So my question, do we consider all screen sizes and types of devices?? Is it possible to create a site that works on all screen sizes and devices?? I don't know if this is a very beginner question or not Lol Lol. Thank you!!
Community feedback
- @aanacifPosted about 3 years ago
Looks good, dude. I also just did that one myself, and wasn't really sure about some dimensions, specially the Ipad width. Couldn't decide what to do with the picture dimension to make it look good, but oh well, still enjoyed doing it... Anyways, good job man 👍
0 - @Pablo-cyber21Posted about 3 years ago
Not many actually(viewport dimensions) because when we initially create the site with no breakpoints it is perfectly responsive so in other words we break the sites we create .For more clarity on this, my advice is that you try this wonderful course(https://courses.kevinpowell.co/thanks/conquering-responsive-layouts#) on responsive layouts it's free and has a really well structured 21 day curriculum. It really helped me properly wrap my head around the whole responsive layouts dilema.
And on whether it is a beginner question, I don't think it is since these days we as developers have to cater for all these emerging and new mobile devices and at times it can get just a little bit frustrating.
Hope I could be of assistance.
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