Responsive landing page using CSS grid, flex box, element

Community feedback

• 

  Tesla_Ambassador•3,000

  @tesla-ambassadorPosted over 2 years ago

  Hey Carvalhovincent! What a splendid solution! Very precise and neat! Here's a few things you might want to consider:

  • You might want to enclose you <section> tags in a <main> landmark to resolve your accessiblity issue! It enables the browser to properly navigate your site.
  • This one is just a tip, it's not really necessary but I think you could add a simple effect when a user clicks the button to make it look more interactive.Forexample you could use:

  button:active {
      transform: scale(0.8);
  }
  

  So when a user clicks, it gives the effect of something being pressed... You could use your own effect though, that was just an example😁 Happy coding!

  Ps: Your responsiveness is good, don't beat yourself up about it! You'll get better as you practice

  Marked as helpful

  1

  ---

  

  CarvalhoVincent•500

  @CarvalhoVincentPosted over 2 years ago

  @tesla-ambassador Thank you for your tips ! 😁 It's very motivating. I will continue to work !

  1

  

  Tesla_Ambassador•3,000

  @tesla-ambassadorPosted over 2 years ago

  @CarvalhoVincent You're welcome!

  0