Fixing Our UI problems

In this lesson, we will apply the box sizing knowledge from the previous lesson. We will also take a look at how to override some of the default styles on buttons. As described earlier, browsers have an initial default styling on all elements.

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

Get hands-on with 1200+ tech skills courses.