Skip to content
Submitted over 1 year ago

Responsive landing page using CSS Flex and JS

Charlie•300
@Xarlizard
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

.

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

.

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

Found no viable option to load JSON file from javascript without using FETCH or AXIOS and thus causing a CORS error on the browser (I had to convert the JSON file type to javascript .js to make it "work").

Code

Please log in to post a comment

Log in

Community feedback

  • Dylan Heslop•2,460
    @dylan-dot-c

    Well done bro! Looks neat and all.

    And yes for JSON data we usually just make it a JS object and export it as it is. No need for fetch or axios.

    Yh i realize it's weird but the design on the preview looks completely different than on the site.

    I think it could be how you nested them ig...

    My browser reads it correctly but maybe not the one frontendMentor uses... And also for CSS you can't nest styles like that, or at least it's not recommended but if you want to do that, you a CSS preprocessor like Sass/Scss which supports style nesting. You should look into that, really cool way to style.

    Marked as helpful
  • Charlie•300
    @Xarlizard

    Edit: Yep, turns out their internal browser is not updated to be compatible with the last CSS features, and they are working on implementing it;

    YOO why are fonts not correctly loading on this site's previews???😭

    Should I not nest my CSS elements within themselves / within parent elements?

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