Skip to content
Submitted 9 months ago

Blog preview card

Vishal Pawar•200
@vishalpawarR
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I was facing issues in getting the Figma designs and the padding and other property values are not being shown and I checked few resources and I was able to catch up with it.

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

In the mobile screen I have used the small screen media query at 767px is this okay?

Community feedback

  • Gautam Sarkar•850
    @gautam32b7Posted 9 months ago

    Nice work. Set the breakpoints at these specified dimensions.

    • 1024px
    • 768px
    • 640px
    • 384px suitable for a mobile device
    0
    Vishal Pawar•200
    @vishalpawarRPosted 9 months ago

    @gautam3333 Hey! Thanks for input but do we need breakpoints for 768px and 1024px?

    0
    Gautam Sarkar•850
    @gautam32b7Posted 9 months ago

    @vishalpawarR

    What's wrong with making the webpage responsive for all the devices?

    0
    Vishal Pawar•200
    @vishalpawarRPosted 9 months ago

    @gautam3333 As the card is small and mostly we dont need to add media query for the big and medium screen!

    Even if we add it doesnt make any difference! only small screen breaking point is needed

    1

Please log in to post a comment

Log in with GitHub

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