Skip to content
Submitted over 1 year ago

Responsive Product preview component

Shashank Hiremat•90
@shank-codes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. How to restrict the text from overflowing the parent when minimizing the screen in desktop?

Community feedback

  • Steve•1,170
    @peanutbutterjllyPosted over 1 year ago

    hey @shank-codes 👋,

    In regards to your question about text overflowing and whatnot, for this particular challenge I'd put a media-query somewhere where the text starts to overflow and make either the fonts smaller, padding smaller, etc.

    You can also use flex-wrap: wrap in general but I don't think that'll jive well with this challenge.

    The text is overflowing because it's just too much content for the container.

    Good job with the challenge, I think your solution looks great!

    Marked as helpful
    1
    Shashank Hiremat•90
    @shank-codesPosted over 1 year ago

    @peanutbutterjlly Thank you so much for the advice and appreation.

    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