3-column preview card component

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Irina, hi!

  This challenge has also been pretty good, if you want to eliminate that problem by not having placed a h1 you can do it by placing inside the <main> a <h1> with the text you want inside and place the class sr-only.

  This class has the following attributes:

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0,0);
    border: 0;
  }
  

  Its main function is not the one we are placing, but it will do for now. If you want to know more about it, search in web accessibility but you can also learn it in the responsive HTML and CSS course of freeCodeCamp.

  And with this you can update the frontend mentor report and not get any errors.

  Good Coding!

  0