Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results summary component HTML CSS JS

Preston M 30

@preston176

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-125

Posted

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

@Dvin12

Posted

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

@preston176

Posted

@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

@Dvin12

Posted

@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

@preston176

Posted

@Dvin12 much appreciated :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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