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

Solo-Saad 20

@Solo-Saad

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


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

I'm not proud od anything I took alot of time to do it

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

In all the project

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

All of it

Community feedback

Tharun Raj 1,250

@Code-Beaker

Posted

Hi there, congratulations on completing this project. You've done a great work on this one! 🎉

First of all, take your time. There is no need to hurry when approaching a project/challenge. Take your time to think and imagine how you're about to complete it and then just work on it. 😊

I have some suggestions regarding your project that might help you:

  • For projects like this or a bigger project, use an external CSS file instead of putting your styles inside the HTML file itself.
  • use rem values instead of px. For example:
.blog {
width: 30rem; /* change this value */
}

you can also use it for font-size, margin and many more properties. If you wish to learn more about rem, check out this article

  • your blog element is not centered on the screen. You can fix that by giving a flex layout to the body element and centering it.
body {
display: flex;
justify-content: center;
align-items: center;
}

Hope this helps you to learn something new! 😄

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