April 2018
Beginner
368 pages
7h 37m
English
Let's check how responsive our hero is at the moment:

As we see, there is nothing to change in the iPad view; however, for the iPhone view, it lacks padding and the title seems a bit too big.
The way I can see to fix this without too much code is to add some padding to the container, the container we have implemented in every section:
.container { max-width: 940px; margin: 0 auto;}/* Tablet Styles */@media only screen and (max-width: 1024px) { .container { padding: 0px 15px; }}
We will add some padding from the tablet breakpoint, so it will affect all lower breakpoints too.