Skip to content
Submitted about 4 years ago

CSS Grid, padding and margins

Prannay Kedia•40
@prkedia81
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I used very basic elements and css properties to make this. Please help me out by letting me know the advanced elements and attributes that I might use to improve both the code and the look of the website. I have only built the desktop version as I do not know how to write the code for the mobile view. If you can guide me to any resource, would be thankful.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Tony Tang•215
    @FMcoding

    Hey Prannay!

    The website looks great! Next time you can try using flexbox (justify-content: space-between) for spacing content out evenly. https://www.w3schools.com/cssref/css3_pr_justify-content.asp

    As for the mobile view, you want to use media query, which changes css properties depending on the user's device. https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    There's also a border-radius around the content, so watch out for those next time. Happy coding!

    Marked as helpful

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