Skip to content
Submitted 4 months ago

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

Napgolden•60
@Napgolden
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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

  • Aurore GOURRAUD•80
    @AuroreTurtlePosted 4 months ago

    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
    @NapgoldenPosted 4 months ago

    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

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