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

Ali-Nash 50

@Ali-Nash

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


that is my first time please help me to improve my self

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Ali-Nash!

Your solution looks great!

I have a suggestion for improvement:

  • Check the style guide file to see what are the recommended font-family for the project. Then you can import it from Google Fonts and use it. If I'm not mistaken, the font-family for this project is Figtree.

I hope it helps!

Other than that, you did an excellent job!

1

@itsU-K

Posted

Hello @Ali-Nash!

I have a suggestion for improvement: you have given properties of height and width as fit-content in .svg-back class. and in the same to make center you have used margin as 0, use display flex properties to make it center.

I hope it helps!

Other than that, you did an excellent job!

0
Adrian K. 90

@adriankae

Posted

I think you linked the wrong repository for the code.

0
Adrian K. 90

@adriankae

Posted

Hello my friend,

your solution is not 100% accurate. I have some tips for you:

  • start with the html structure. Include everything that you see on the screenshot
  • then start with your css. follow a top-down approach. work on the first item until it is done then go on to the next.

Unfortunately, I cannot see your code in your repository...

0

@Rohanbasnet12

Posted

Your blog card is responsive but you should give the card height to 100vh whenever its touch lower view port width

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