Skip to content
Submitted about 2 years ago

Project Preview Card using HTML + CSS

Shaun•10
@shauncraigdev
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Learning to code.

Started on HTML + CSS currently

This is my attempt at this project, i'd rate my attempt 5/10. Thoughts to improve: better coding

Code

Please log in to post a comment

Log in

Community feedback

  • Hassia Issah•50,410
    @Hassiai

    To center the article on the page using grid add min-height: 100vh to the body and remove the margin value in the body.

    body{
min-height: 100vh;
display: grid;
place-content: center;
}

    there is no need to give the body and html a height value, it is not required.

    Hope am helpful.

    Well done for completing this challenge. 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