Flex and Justify Content attributes to build a Card Component.

Community feedback

• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted over 2 years ago

  Hello Daniel!

  Very good work. I really liked the solution of the divs and the hover.

  Just let me give you a little suggestion. The images when they are for decoration, for example, the clock, you can leave the "alt" attribute empty so that screen readers ignore it, otherwise you can add the image by css, either of the two forms is fine for when Images are decorative and do not have an important meaning for the content. I leave you an excerpt from MDN that talks about this.

  alt: : Defines an alternative text description of the image

  Note: Browsers do not always display images. There are a number of situations in which a browser might not display images, such as:

  • Non-visual browsers (such as those used by people with visual impairments)
  • The user chooses not to display images (saving bandwidth, privacy reasons)
  • The image is invalid or an unsupported type

  In these cases, the browser may replace the image with the text in the element's alt attribute. For these reasons and others, provide a useful value for alt whenever possible.

  Setting this attribute to an empty string (alt="") indicates that this image is not a key part of the content (it's decoration or a tracking pixel), and that non-visual browsers may omit it from rendering. Visual browsers will also hide the broken image icon if the alt is empty and the image failed to display. This attribute is also used when copying and pasting the image to text, or saving a linked image to a bookmark.

  Cheers!

  0