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

Responsive Component

@tix04

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@aanacif

Posted

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
Asiimawe 150

@Pablo-cyber21

Posted

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 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