Skip to content
Submitted over 1 year ago

A Blog Preview Using FlexBox

DayaA•130
@Aishaakin
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

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
Code

Please log in to post a comment

Log in

Community feedback

  • MoBlack00•80
    @MoBlack00

    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

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