@lillakm
@kingtirano
Submitted
What are you most proud of, and what would you do differently next time?
Im porud of entire project.
What challenges did you encounter, and how did you overcome them?
The units is always a rocket science for me. Its always difficult for me to fit all the sizes with the design.
What specific areas of your project would you like help with?
Units ands sizes.
Hi Artur!
I'm a beginner myself and I also struggle with units, so I'll just share what I know as best practice.
When it comes to fonts, it's better not to use px. Here's an excellent article about it, and what to use instead (I believe it was shared on the discord group): Why you shouldn't use pixels for font-size: https://fedmentor.dev/posts/font-size-px/
Congrats on completing the challenge! :)
Marked as helpful
@MdZaferEqbal
Submitted
What are you most proud of, and what would you do differently next time?
I was really proud when I added all the font-size, padding, margin and dimensions of the div and it was near perfect to what was the final preview provided in this challenge.
I want this near perfect to be exact same next time on.
What challenges did you encounter, and how did you overcome them?
I only faced one challenge and that was to align the div container in the center of the page.
I tried position absolute and left 50% and top 50% it didn't worked as expected and I did some more trial and error, but at last I used display flex to align the div at the center of the page.
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
What specific areas of your project would you like help with?
Thanks for asking. But I managed to complete this challenge by myself.
I had the exact same challenge with positioning, I got great suggestion on my solution from asimsaeed353 to use
body{ display: grid; place-items: center; min-height: 100vh; }
instead of display: flex. It worked perfectly and it reminded me to think about the page layout a little more.
Congrats on completing the challenge!
