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

blog preview card

@aziz712

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


i found a difficult to make things appart in the card and setup the property for mobile display other that am doing my best

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Your site looks pretty good. Some things I suggest you alter are:

  • the font-size of the header <h1> (right now its set to 800 which is incorrect)
  • adding margins the text and items inside the box so that there is space between them
  • add font-weight to the "Published 21 Dec 2023" text

The biggest thing I think you should change is the dimensions of the "box-card" and "box" classes. My suggestion for you would be to set the dimensions of .card-box and then set padding for it. Then you set .box to width: 100% and height: 100%.

If you aren't sure as to what the dimensions of the card should be I suggest you look through the other solutions in the solutions found in the challenge tab.

Marked as helpful

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