Skip to content
Submitted 4 months ago

Blog Preview Card using HTML and CSS!

SunnyFGC•130
@njmoon21
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'm the most proud of how well I was able to format and align all of the elements inside the container.

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

The only challenge I encountered was the "Learning" section of the page, which basically had a rounded rectangle around the text. I was trying to use a div, however it ended up taking up the entire row. Instead I used a span, since it's only for inline.

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

I need help with learning how to import fonts and how to use the specific attributes that are listed in the Figma design files.

Community feedback

  • P
    Yasser Shehab•40
    @Yasser-ShehabPosted 4 months ago

    Nice Job, you can try using BEM Methodology it will help you organize the CSS classes you write.

    Also you need to use semantic elements to make any website you create SEO friendly

    Like figure element to wrap the Images in.

    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