Design comparison
Solution retrospective
I was wondering about whether I did right for any kind of display size, just to be sure if its correct to use px sizes from time to time (for padding and margin for example)
Community feedback
- @idesmarPosted almost 3 years ago
Hi Guillermo! How was your first challenge with FEM? I hope you had fun.
On using
px
for sizes, I normally just userem
for most sizes even padding and margin. Some usesem
on the latter two but then again that comes down to your preference. I might usepx
for very small details like outline or borders.Regarding accessibility issues, you may want to look into using container tags like
<header>
<main>
<section>
<article>
and<footer>
. MDN is always a good source.Marked as helpful2@GuillermoOMPosted almost 3 years ago@idesmar Thank you for your input and help!
I will def try out
rem
andem
to experiment on those and see differences.About the accessibility, it's def something I've never heard about but I'm glad I did and will try to apply it on my future projects from now on!
1@idesmarPosted almost 3 years ago@GuillermoOM You're welcome. I remembered this video from Kevin Powell that got me using rem more and it explains a little bit as to why you should consider using it too. It's more of an intro to CSS units, in my opinion, because font/typography is a huge but interesting topic.
1@GuillermoOMPosted almost 3 years ago@idesmar it certainly was an interesting watch, and seems to be a correct standard to use most of the time.
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