Formatting For Mobile
Script:
0:01
Now that we're done making edits, we're going to double check how the site looks on mobile screens. Since most of the time, people are going to be accessing your website from their phone, it's important that your site is adapted to a phone screen.
0:12
I designed this template to already be adapted to mobile screens, but if you made any significant changes, there's a chance that some elements could have been moved.
0:19
But that's totally fine, because I'm going to show you how to check for that and how to fix it. So let's start back at the homepage.
0:26
Click on this mobile view button up here. I'll show you how to make some common edits. Like we did before, you can change the size of a shape by clicking and then dragging these dots.
0:41
You can also move an element by clicking and dragging it. Or you can move several elements at once by clicking from an empty space and dragging your mouse until all the elements you need to move are highlighted.
0:57
Then click and drag them into place. You can add or remove from the bottom of the section by clicking and dragging this button.
1:15
If you made any changes on mobile, just double check those pages on desktop to make sure they still look fine.