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

Flex box for blog card challenge

P
biwwabong 120

@biwwabong

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?

Hopefully getting the semantic markup correct. Feel that maybe the CSS could be better. My biggest concern at the minute is getting the HTML correct, as when to use semantic tags and when to use none semantic tags.

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

Using flexbox for the first time, i used MDN and Youtube to figure out the basics of Flexbox

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

Flexbox, found it hard to set the layout correctly. The padding inside the .container seems to keep the elements inline if I use 1.5em or higher but anything under this and all the elements below the image creep further to the left than the main image

I still don't fully understand why this is

Community feedback

@Wladi-Mojica56

Posted

Don't worry too much, it is normal to resort to documentation, as well as tutorials. Little by little you will become more skilled with flexbox, remember that practice is the key to everything and that there is no single solution.

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