HTML, CSS (FlexBox)

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 5 years ago

  Hey Steven, awesome work on this challenge. That's odd about the extra space on landscape iOS. The only real way to debug this would be to use the Safari Web Inspector tools while your phone is connected to your computer. Here's an article that shows you how to get set up with Web Inspector. I hope you manage to resolve the issue. This is definitely one of the less fun sides of front-end development! 😂

  0

  ---

  

  Steven Saunders•235

  @stevenCsaundersPosted almost 5 years ago

  @mattstuddert thanks for the link, I'll check it out and see whats up. I have one additional question. Is there a website or service that will check your CSS file for redundant or unnecessary properties? I tried lint, but it gave a bunch of errors on the variables and hsl color properties.

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 5 years ago

  @stevenCsaunders I would check out Purgecss. You can add it to your build pipeline to strip out unused CSS.

  It's actually something that I'd like to add to the reporting at some point to show how much of your CSS is unused.

  0

  

  Steven Saunders•235

  @stevenCsaundersPosted almost 5 years ago

  Updated css with ITCSS structure, swapped out to SASS and touched up some styles.

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 5 years ago

  @stevenCsaunders nice work! 👍

  0