Design comparison
Solution retrospective
I did not understand the statement below(from the style-guild.md)
The designs were created to the following widths:
- Mobile: 375px
- Desktop: 1440px
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Hamzat, congratulations for your solution!
Answering your question about the desktop and mobile dimension:
The info you found in the
styleguide.md
is just a guide to you us as a reference, the UI designer created the desktop and mobile version thinking about these two standard screen sizes.The desktop and mobile sizes are useful for you to have a reference about how you could build the solution. If you want match perfectly it you can use devtools and set your Google Chrome to display the exact same sizes setting
width
1440px and see how you solution looks in the screen.For example, its better you focus in things like the maximum width the container should have, for example, for this challenge the container should have
max-width: 1110px;
and will display the same container for whatever screen if you center that in the screen.Your solution is correct at all, the only thing you've was the alignment center.
Happy coding.
0 - @capitolcomputersPosted over 2 years ago
Yes I also got confused by the specified width too
0@correlucasPosted over 2 years ago@capitolcomputers This are only some reference to show you in which dimension the UI designer create the layouts.
0@correlucasPosted over 2 years ago@capitolcomputers You're welcome, I was confused about these values for screens too.
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