Design comparison
Solution retrospective
I was able to make an example similar to the original but it didn't adjust correctly when the window was resized. I'd try to find a solution without watching a video next time.
What challenges did you encounter, and how did you overcome them?In my original file, when you resized the window everything would get squished because I was using percentages. I was able to follow along with a video explaining pixels, rem, and padding that helped out a lot.
What specific areas of your project would you like help with?How do you decide when to use pixels, rem, or percentages?
Community feedback
- @StroudyPosted about 1 month ago
It looks like your Repository is set to private 🔏 so we are unable to provide some feedback on your code, You can change this following these steps,
- Open up your repository on Github, ✅
- Click on settings on the top nav bar, ✅
- Scroll down to the bottom, ✅
- In the red box you will see change repository visibility ✅
- Click on on Change visibility and select public. ✅
Once you have done this your GitHub link should be viewable by everyone here on Frontend Mentor.
Marked as helpful0 - @glowri57Posted about 1 month ago
Hi @CptnRedbeard
To answer your question, you should use
px
when dealing with properties that you want to remain fixed in value no matter the viewport. you can usepx
with properties like:border
,border-radius
, etc.rem
and percentages are relative values.rem
is used with properties likefont-size
,margin
,padding
, @mediaquery min-width and max-width values.percentages are mostly used in
width
,height
,min-width
,max-width
,min-height
andmax-height
properties. They are relative to the width or height of the webpage. Check this article to understand more. Why font size must NEVER be in pixelsI hope you found this helpful!
0 - @Thomas-Ngo-1Posted about 1 month ago
Your solution looks very nice, if you can adjust the Content to stay in the center it would be perfect. Cheers ^^.
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