Design comparison
Solution retrospective
-
what I find difficult was the switching between two images
-
I'm unsure of the width of the container on 1440px screen size, when I set the width of the container to 100% the 2 sub container went off the chart and just blows up the alignment, but when it is set to 33em there seems no problem at all.
-
Is it really a best practice to start with mobile view first? -> then desktop?
Community feedback
- @SinisaVukmirovicPosted almost 2 years ago
Hello!
About switching two images, take a look at picture element. picture element
About 2 sub containers going off the chart when width 100% is set compared to 33em, not really sure what you mean, but I am pretty sure that is to be expected. % is a relative unit, while px, em, rem are absolute units, and can't be compared. 100%? 100% of what? Relative to what?
About the best practice of mobile first. Yes! That is the best practice, in most cases. It makes sense, because in mobile, things are, mostly, stacked on top of each other. Without much styling to achieve that. Real styling for detailed layouts comes for desktop screen sizes.
Videos about mobile or desktop first: Video 1 Video 2
P.S. To fix errors in your report, have a look at semantic elements
Hope this helps!
Marked as helpful2@lokytech5Posted almost 2 years ago@SinisaVukmirovic thanks alot for the inormation and your respond.
1@altacis1Posted almost 2 years ago@SinisaVukmirovic I learned something new today. I didn't pay much attention to block and inline elements until now that there is an error report about the
- Element
p
not allowed as child of elementbutton
in this context. (Suppressing further errors from this subtree.)
1 - Element
- @altacis1Posted almost 2 years ago
I noticed that the screenshot is different from the actual live site. Am I missing something?
0@SinisaVukmirovicPosted almost 2 years ago@altacis1
Could be a lot of reasons, but most probably because the difference in screen size, resolution and zoom level used on the developed screen and on the screen from which the screenshot was taken.
Don't worry if it is a little different.
1
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