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

Sizing of HTML Elements played a huge role in this challenge.

Napgolden 60

@Napgolden

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 am proud of the fact that I was able to get the code to look as similar to the one given to be replicated. I don't think I would do anything differently next time.

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

The biggest challenge was importing the font and styling the hover function, I remembered I could search on google for a solution.

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

The text next to the profile image I was not able to put it directly by the side of the image, Any suggestion would be greatly appreciated.

Community feedback

@AuroreTurtle

Posted

For the text next to the profile image, you can use flexbox. To avoid repetition in CSS (such as fonts), you can apply the CSS rule to the entire page using *.

0

Napgolden 60

@Napgolden

Posted

Thanks for the tips, I actually didn't think about using a flexbox for the image and the applying the font to the whole page that's new to me, thanks so much for the feedback will apply them to the upcoming challenges. @AuroreTurtle

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