Product Preview Card

Community feedback

• 

  Eren•210

  @for-dev9Posted almost 2 years ago

  Hi, Nice job. You can change your CSS class when screen size change by using @media

  Example // effect when screen size is <= 600px and then change flex-direction from row to column

  @media (max-width: 600px) {
    .yourClass {
      flex-direction: column;
    }
  }
  
  For more information https://www.w3schools.com/cssref/css3_pr_mediaquery.php
  

  Marked as helpful

  1
• 

  Krysia Sherburne•120

  @klduplessPosted almost 2 years ago

  When you have an icon inline with text like that, you can either set a specific class for the image or use a child combinator to make the icon the same height as the text.

  E.g, this will target every image that's a child of a button element and make it the same height as the text:

  button > img {height: 1em}

  Or you can put the property on the image via a class: .button-icon {height: 1em}

  Marked as helpful

  0