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 Blod preview card

Flush 30

@Flush94

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 think i've done correctly the challenge with good margin and padding, and it's the first time for me i finish a challenge quickly (less than 30min), so i'm getting better and better at html and css

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

i had a problem when i wanted to center the container i tryed using margin but it only center on Y axe. so i went to my body and used display flex.

Got another problem with the size of the illustration, the illustration was biggern than my container. So i gave * box-sizing to border box and then i gave my illustration a width of 100%

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

i would like to get some help with the space beetwen my items, like is there a better way to put some space beetwen my paragraph and title ? i only use padding and margin.

Community feedback

@AkoToSiJeromeEh

Posted

This comment was deleted

0

Flush 30

@Flush94

Posted

@AkoToSiJeromeEh Hello thank you for the great tips i will try using these in a next challenge, have a nice day !

0

@AkoToSiJeromeEh

Posted

@Flush94 welcome hope my suggestion helps :)

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