Skip to content
Submitted 6 months ago

Result summary

Nur Farah Omar•120
@NF0mar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Everything that i have learnt is coming to place now since i am building something on it without thinking what to build and design. I am so proud that i have found Frontend Mentor ❤️.

What challenges did you encounter, and how did you overcome them?

I had few challenges in this project, and it also took me a long time to build than i have imagined. A challenge which i overcame was the summary part.

What specific areas of your project would you like help with?

I would like to get help with resposivity of pages, I always get hard time with it.

Community feedback

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    hi there! 👋👋

    You should avoid hard-coded values (pixels) most of the time. When you use these values you give up responsiveness(or you make it harder for yourself at least)..

    Typically you will increase the font-size property with @media queries. If you have hard-coded values all over your CSS, you need to modify every element's font-size . On the other hand, if you use rem -s all you need to do is changing the font-size in your CSS :root selector and all your elements will have a new size based on that value.

    I usually use em for padding and margin for text-based elements, since their margin usually based on their font-size , and again, when you change the font-size in :root these values will scale up as well without you touching them, making your job easier and your page maintainable.

    If you are not familiar with the :root selector it's usually used to set custom properties(others call them CSS variables ) that you can apply later.

    Hope this helped 🙏

    Good luck and happy coding! 💪

    Marked as helpful
    1
    Nur Farah Omar•120
    @NF0marPosted 6 months ago

    @kodan96 Thank you so much broski, it helped a lot.

    0

Please log in to post a comment

Log in with GitHub

Join 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