From the course: Designing a Portfolio Website with Muse

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Set tablet breakpoint

Set tablet breakpoint - Muse Tutorial

From the course: Designing a Portfolio Website with Muse

Start my 1-month free trial

Set tablet breakpoint

- [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…

Contents