@mattstuddert
Posted
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! 😂
@stevenCsaunders
Posted
@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.
@mattstuddert
Posted
@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.
@stevenCsaunders
Posted
Updated css with ITCSS structure, swapped out to SASS and touched up some styles.
@mattstuddert
Posted
@stevenCsaunders nice work! 👍