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
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?

This time I learned new keywords

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

It's not tough for the last time that I code

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

HTML CSS

Community feedback

Visvas07 20

@Visvas07

Posted

Hi @WitWizardK, Just went through your solution. It looks good. However, you can slightly improve it by doing the following:

  1. Use the style-guide.md to check the font and color for the design.
  2. Check your image path.
  3. Make the best use of padding , margin of the elements of the body in accordance to the design.

Don't worry if it's your first time. I too was there many times. Keep this up and you will do good.

0

@b0da2003

Posted

Hi @WitWizardK ,

you did great job there there is a few things you should take care of it

1- the img path is wrong that what u did <img src="/assets/images/illustration-article.jpg" alt="Blog card" width="290" height="200" class="rounded-corners" />

the right path for it <img src="illustration-article.jpg" alt="Blog card" width="290" height="200" class="rounded-corners" />

2- you need to check style-guild file to get the color of the page and font.

hope i helped u even a little bit.

0

@WitWizardK

Posted

@b0da2003 Yeah thanks a lot

0

@rozaldomartinez

Posted

  1. The background and the learning button has the same background color
  2. add margin bottom between each elements
  3. the shadow is too small
  4. you forgot to use the google font provided.

other than that it looks good to me! :)

0

@WitWizardK

Posted

@rozaldomartinez yeah I'll add

1

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