FLEXBOX

Community feedback

• 

  Jansel•230

  @JanselLopezPosted almost 2 years ago

  Hi 😃, for the background of the card you can set the width of you container and manage it with media queries, something like:

  .container {
    width: 500px;
  }
  
  @media (max-width: 510px) {
    .container {
      width: 90%;
    }
  }
  

  for read about media queries: w3schools/mediaqueries

  Marked as helpful

  1
• 

  バレンタイン 😈•64,170

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • The “icons/illustrations” in this component are purely decorative. ⚠️ Their alt tag should be left blank and have an aria-hidden=“true” to hide them from assistive technology.

  More Info: 📚

  [MDN Aria-Hidden] (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden#description)

  • Your ratings should be wrapped inside a form ⚠️ and have a visually hidden legend for accessibility and a fieldset to improve semantics.

  More Info: 📚

  MDN: Legend Element

  MDN: Field Set Element

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding! 🎆🎊🪅

  Marked as helpful

  1