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

React.js, Framer Motion

@ash358241

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I want to furnish my front-end skills and want to take them to the next level. So please suggest to me, how should be my approach for getting the best outcome.

Community feedback

Shahin NJ 1,190

@SJ-Nosrat

Posted

Hi Ashraful, My suggestions would be to please stay away from frameworks if you're just starting to learn front-end development; it will not help you in understanding how CSS works.

This challenge only requires the use of HTML 5 and CSS. Frameworks doesn't allow you to internalize and understand how the different technologies work.

  • Approach every modern design from the Mobile Approach; that is first code the solution for the mobile first, then try and handle for larger screen sizes. Kevin Powell has a great YouTube video here.

  • Then look into media queries to accomodate for different screen sizes; here is another good YouTube video by Kevin Powell on media queries

  • Then learning CSS Flexbox and CSS Grid on freecodecamp.

The above suggestions will really help! If you need any more info, please let me know; I'll be more than happy to do so.

Best of luck with your coding journey!

Marked as helpful

0

@ash358241

Posted

@shahin1987 Thank you so much for your valuable feedback and resources. But it's not actually like that I am just learning HTML and CSS as a fresher. I have good experience with this and I basically work using the MERN stack. But I want to furnish my front-end skills even more. That's why I choose this platform. For the front-end, I actually use React JS which is a library of JavaScript. But although, I am really thankful to you for your guidance.

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