Improvement: Improve Layout

KenJSDev / halloween-trivia

This is my participation in a Halloween themed coding challenge for W3 Schools. This application is not intended for publication, commercial use, or monetization.

2 stars 0 forks source link

Improvement: Improve Layout #6

Closed KenJSDev closed 9 months ago

KenJSDev commented 9 months ago

Issue

The layout isn't optimized as I created this project shortly after I began learning JavaScript. Optimize the overall layout.

Approach

Convert the Application to Flexbox instead of Grid
Once completed, update the media queries so that there is no overlap on mobile

Expected Result

All element should be properly placed and there should be no overlap

KenJSDev commented 9 months ago

Mobile is good to go for the most part. I'm going to play through on my phone a few times before I mark this as closed.

KenJSDev commented 9 months ago

Mobile only has two specific bugs and there are some improvements I can focus on. Closing this and creating issues to narrow my focus.