Join Nigel French for an in-depth discussion in this video Set tablet breakpoint, part of Designing a Portfolio Website with Muse.
- [Instructor] In the previous movie I added a break point…of 1,000 pixels and we saw…that that required some reconfiguring…of the content in order for it to work.…I've added another break point at 768,…this for a vertically oriented tablet.…Let's see how this looks.…I'm going to preview the site in a browser to begin with,…so here we are at the widest viewpoint,…switching now to the second break point,…and then to the tablet.…
So we see that the text on the home screen is bigger,…the portfolio thumbnails are bigger.…We have the accordion menu.…The about text is now centered,…directly below the profile pic.…And the contact text is also centered.…And the contact text is also centered.…I've increased the size of the form fields.…I can move the arrow,…and I've also created a new instance of that picture.…And let me just show you how I did that.…
The picture that I have as the background picture…is being inherited from the previous break point,…but because its cropping is set to fill frame proportionally…but because its cropping is set to fill frame proportionally…
- Starting a new portfolio website
- Making a header and footer
- Adding navigation
- Including social media icons
- Adding an autoplay slideshow
- Making thumbnail images and buttons
- Creating an About page and a Contact page
- Linking pages together
- Creating an accordion menu
- Adding breakpoints for responsiveness
- Testing and publishing a website
Skill Level Intermediate
Creating Icon Fonts for the Webwith James Williamson3h 55m Intermediate
1. Plan Your Portfolio
2. Set Up Your Site in Muse
3. Display Your Work
4. Add Pages
5. Make Your Site Responsive
6. Publish the Site
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.