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

Responsive blog preview card using Flexbox

Hafsat 30

@Hafsat100

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


I found this easier to do than the last project i attempted. although i am issues with the font weight of some of the components. i'd appreciate help.

Community feedback

@PJIceskull

Posted

Hey Hafsat, it looks like you didn't specify the font weights when you imported the font in CSS so all of your text shares the same font style. For this challenge, the only two font styles you need are Semibold(600) and Extrabold(800). I think this is also mentioned in the project's style guide. In other words, your @import link should look like this:

@import url('https://fonts.googleapis.com/css2family=Figtree:wght@600;800&display=swap');

Also since you're getting the font from Google Fonts, you should be able to select which fonts to use and generate the code using the @import option/button on their site.

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