From the course: Muse Essential Training
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Responsive home page, part 2 - Muse Tutorial
From the course: Muse Essential Training
Responsive home page, part 2
- [Instructor] Everything's in pretty good shape, so let's just keep going. We got a big site ahead of us, so I'm going to press and drag. Still looking good, but you know what? Very quickly, this guy is just getting too crowded for my taste. We could go two-column with the structure. We can always have these be two across with one below. I'm going to go ahead and kind of make the change towards mobile a little early on this page. So I'm going to jump back to that 1250 point and looking down on the page content, I'm going to go ahead and make this my breakpoint for everything from here all the way down to the smallest size. So if I switch back to 1440, this is my desktop device, at 1250, let's go ahead and make some adjustments. So I've got Amazing Health Benefits. That's totally fine. I want to come into my icon set here Let's see. I'm going to try to show you some of the techniques for moving content so that you keep it structured well as you add breakpoints. I'm going to click on…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Responsive home page, part 16m 22s
-
Responsive home page, part 27m 35s
-
Responsive buyer's guide11m 52s
-
Responsive preparation steps11m 15s
-
Responsive product page: Spoons7m 40s
-
Responsive product page: Other details10m 27s
-
Responsive product page: Slideshows4m 6s
-
Responsive FAQ page2m 46s
-
Responsive preorder and contact form15m 37s
-
Add background video to the home page8m 49s
-
-
-
-