responsive view using media queries

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Kelvin, Congratulations on completing this challenge... You have some accessibility issues that need to fix.

  • Document should have one main landmark, Contain the component with <main>.

  <main>
     <div class="main-box">
        //...
     </div >
  </main>
  

  • Page should contain a level-one heading, Change <p class="first-paragraph"> to h1 You should always have one h1 per page of the document.

  <h1>Improve your front-end skills by building projects</h1>
  

  • Documents must have <title> element to aid in navigation:

  <title>Frontend Mentor challenge | QR code component</title>
  

  I hope this is helpful to you... Keep coding👍

  0

  ---

  

  Kelvin Ginikanna•40

  @keltech18Posted over 2 years ago

  @Bayoumi-dev thank you mate. It was really helpful

  0
• 

  Hariz•100

  @sj0nPosted over 2 years ago

  These days people use flexbox or grid to style responsive layout. With card component, there is not much needed to be done to ensure the component is responsive. You can check out my solution for examples.

  0

  ---

  

  Kelvin Ginikanna•40

  @keltech18Posted over 2 years ago

  @sj0n Okay, thank you for the information, I'll check yours out

  0