Back to: Spectra 101: Get Started with Spectra
In this lesson, we’ll edit our homepage so it’s responsive and readable on smaller screens like tablets and mobile devices.
We’ll learn two different ways to enter Spectra’s responsive mode.
Then, we’ll work through editing each responsive screen mode, starting with making adjustments for tablet-sized screens, followed by any further edits required for mobile-sized screens.
Responsive Font Styles
H1
Tablet: 52 pixels
Mobile: 44 pixels
H2
Tablet: 36 pixels
Mobile: 34 pixels
H3
Tablet: 20 pixels
Mobile: 20 pixels