Huddle-landing-page - Mobile first - HTML & CSS

Community feedback

• 

  Cody Lewis Zites•570

  @zitescodyPosted about 3 years ago

  Hello, @aldhairescobar. Below are some suggestions on how to clean up your code!

  First, I noticed a lot of <div> elements being used, primarily in locations where other landmarks could be used. For example, your <div class="container container-flex> element can be replaced with <main class="container container-flex">. Using <main> makes your code more accessible by stating THIS is your main content.

  Next, instead of <div class="col-main-img">, <div class="main-content">, use <section class="col-main-img"> and <section class="main-content">. Again, the <section> element is used to divide your HTML code into easy to read, accessible parts.

  Let me know what you think! And mark this as helpful if you benefitted from my feedback. Best wishes on your web dev journey ahead!

  1

  ---

  

  P

  Aldhair Escobar•165

  @aldhairescobarPosted about 3 years ago

  @zitescody Thanks Cody, I'll try to use more semantic elements! :)

  0