Skip to content
Submitted over 1 year ago

Results summary component HTML CSS JS

Preston M•30
@preston176
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

1 problem in this and that is im having issues with json server

  • i havent found a way of using data from the json and make it update the values to be displayed

any help on this would be appreciated :)

Community feedback

  • Aimal Khan•2,260
    @Aimal-125Posted over 1 year ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

    Marked as helpful
    1
  • Edvin Venclavovic•880
    @Dvin12Posted over 1 year ago

    To store JSON mockups you can use Git. It's easy to set it up just follow this tutorial https://www.youtube.com/watch?v=NEQa9U6zONA

    Marked as helpful
    1
    Preston M•30
    @preston176Posted over 1 year ago

    @Dvin12 are you familiar with how i can load data into html from a json server ? This concept is what also i realized i need to get good at

    0
    Edvin Venclavovic•880
    @Dvin12Posted over 1 year ago

    @preston176 you can use array .map method to display the data on your element.

    this might be somewhat helpful: https://www.youtube.com/watch?v=G6J2kl1aVao https://www.youtube.com/watch?v=pHxx4j4atuw

    Marked as helpful
    1
    Preston M•30
    @preston176Posted over 1 year ago

    @Dvin12 much appreciated :)

    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