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 card using flexbox

@Vanfrankie7

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 to have completed this challenge

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

I had the challenge of the overfloating svg file when i was making the container responsive to mobile screens. I added width: 100%; and height: auto; to fix that problem

Community feedback

@Asledin-max

Posted

Hi brother good job. you have one container only that container should be center of page based on design why use flex in body than in container? I think you fix this.

1

@Vanfrankie7

Posted

@Asledin-max the flexbox is in the container and not in the body. i will still include flexbox in the body too, to see if that would solve the situation

0

@Vanfrankie7

Posted

@Asledin-max how do you see it now?

0

@GilbertWalker

Posted

Nice work brother try and recenter the work to match up a bit

It's tiring to try to rework a project but thus how we learn

1

@Vanfrankie7

Posted

@GilbertWalker good evening bro, how do you see it now?

0

@GilbertWalker

Posted

@Vanfrankie7 Its looking good. Keep on doing more.

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