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

A Blog Preview Using FlexBox

DayaA 100

@Aishaakin

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


  1. I don't know how to make the name and the image together like the one in the challenge.
  2. I don't know how to use media query, I tried learning from W3school a lot of times but i still don't know how to use it. If there's any other website to learn media query please comment it.
  3. Any other suggestions or corrections, please comment it

Community feedback

MoBlack00 80

@MoBlack00

Posted

Good Job at the first for your first question, you can put them in a div and give it display flex and put the img in a div also for easier control and to control the width more efficiently and distribute them with flex. second question to learn media query i learned it from elzero web school on youtube and jonas schmedtmann course. third question you didn't have a black border like the design, and don't give the container a fixed width or you'll have to change in every media query!

Marked as helpful

1

DayaA 100

@Aishaakin

Posted

Thank you, i will look into that and correct my mistakes . The image is already in a div same as the name and it picture. @MoBlack00

0
MoBlack00 80

@MoBlack00

Posted

@Aishaakin you can take a look on my code I just uploaded yesterday

0
DayaA 100

@Aishaakin

Posted

Alright, Thanks @MoBlack00

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