repsonsibe web design, mobile first, css grid, css flexbox

Community feedback

• 

  Harshita Jain•380

  @Harshi786Posted over 2 years ago

  Hey @Tucznik2

  Congrats on completing the challenge.

  Here are some tips-

  • For background image, use body{background-size:contain;}

  • You can add a nice shadow effect on payment button. .payment-button{ box-shadow: 0 20px 20px 0 rgb(56 42 225 / 19%); }

  • For accessibility issues:

    1. Wrap the whole code in <main> tag.

          <main class="wrapper">
           //......
           .......//
            </main> ```
       
       

    2. Take

       <footer> 
              <div class="attribution">
          Challenge by
          <a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
            >Frontend Mentor</a
          >. Coded by <a href="https://github.com/Tucznik2">Filip Kula</a>.
            </div>
      </footer>
  

  If it really helped you then please mark it helpful. Thanks

  Marked as helpful

  0