HTML Flexbox CSS Responsive Layout Mobile-First

Community feedback

• 

  P

  Fluffy Kas•7,715

  @FluffyKasPosted about 3 years ago

  Hey, good job on completing this one! It looks good, there's just a few suggestions:

  1. The hover effect on the ios buttons are super bright, they almost hurt my eyes :D Perhaps you could go with something more subtle. :)

  2. In mobile view there are several places where inline padding is missing so text touches the sides.

  3. Take a look at the accessibility report, there are plenty of small issues to fix. Semantic markup is very important. The report is helpful enough with this but if you need any additional help about this topic, let us know.

  1

  ---

  

  Joshua Manansala•265

  @T4R0TAROPosted about 3 years ago

  @FluffyKas Thank you for your input 😀 I went ahead and made the changes you suggested. I am still confused regarding the accessibility report, I attempted to make the corrections but ended up with more errors about my landmarks and role="value". A point to the right direction would be great.

  1

  

  P

  Fluffy Kas•7,715

  @FluffyKasPosted about 3 years ago

  @T4R0TARO Divs have their purpose but using ONLY divs in your HTML is bad practice. There are appropriate tags you can use, like header, main, footer, section, etc. I would need to write here a small essay if I wanted to explain them all so I suggest you read about semantic HTML a bit. :) MDN, freecodecamp, anything will do ^^ When you do this, you'll understand why you keep getting those errors in the report (like there can only be one main in a HTML file, etc). When you're done with this, it would be the best if you swapped some divs for appropriate HTML tags (the report suggests doing this AND using roles as well). If after learning a bit more, you're still unsure what you're doing, reply here or message me on Slack, I'll help ^_^ Good luck!

  Marked as helpful

  1