Interactive Article Preview Component

Community feedback

• 

  Rosi•440

  @strosiPosted over 2 years ago

  Hi Amelia, if you just change the border-top from 24px to 12px your triangle will look closer to the one of the provided design. Another way to make the triangle arrow under the share bar only with CSS is to use pseudo element. For this remove the element with id=arrow and add

  #share-bar::after {
              content: "";
              width: 1rem;
              height: 1rem;
              background-color: #48556a;
              position: absolute;
              left: 50%;
              bottom: 0;
              transform: rotate(45deg) translateY(75%);
          }
  

  Marked as helpful

  1
• 

  Naveen Gumaste•10,480

  @NaveenGumastePosted over 2 years ago

  Hello Amelia Thomas ! Congo 👏 on completing this challenge

  Let's look at some of your issues, shall we:

  • I can't see the your GitHub code.

  • Always use h1 first and then h2, h3 and so on.

  • Check my article on accessibility issues

  happy Coding😀

  0