Skip to content
Submitted over 3 years ago

Used Grid , flex layout and Jquery's addClass() to toggle active state

Praneeth Tatikonda•200
@TSPraneeth
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Do let me know if there is any other better or easier way to do the toggling of active state.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    The overall layout in the desktop layout should not be changing its width and height this is effecting all your other elements inside the card

    0
    Praneeth Tatikonda•200
    @TSPraneethPosted over 3 years ago

    @palgramming I thought it should be adjusting according to screen size and that's why I designed it that way. But if the height and width don't change and I let the width be 100% always, then wont it be giving horizontal scrollbar?

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @TSPraneeth if you transition from the mobile layout to the desktop layout when the browser is wide enough to accept the desktop layout then you will never get a horizontal scroll bar

    0

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