Fixing Our UI problems
Understand how to resolve typical user interface problems such as unexpected horizontal scrolling, inconsistent text sizing, and default button styles. Apply CSS properties like box-sizing, font adjustments, and display settings to create a cleaner movie order page layout.
We'll cover the following...
We'll cover the following...
In this lesson we will attempt to solve some of our user interface (UI) problems.
1. The Weird Horizontal Scroller
The inclusion of box-sizing: border-box should solve this problem.
See the output below
The horizontal scroller is gone (try to scroll horizontally). Great!