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 product page: Spoons - Muse Tutorial
From the course: Muse Essential Training
Responsive product page: Spoons
- [Instructor] Now if you remember when we designed out the site I wanted to hold off on building out the whisk bowl and the whisk holder pages because they're really layout repeats of the spoon. And I wanted us to come in and add our breakpoints first and then duplicate the pages. So let's go into the spoon page and add the breakpoints at this next step. I'll double-click on the spoon page and I'm going to zoom out. Now this is a bit similar to the buyers guide page in that the layout's a little interesting. And as we work with pinning and placement, we'll get to make some decisions. I'm here in the largest breakpoint 1440, and as I shoot down the page I've the header content. I'm going to extend this out a little bit, just for good measure. I'm going to make sure that header content is responsive in width. And we can let it center since it's the only content across here, it can be centered on the page. We've got the spoon now. Of all the drawing the spoon is kind of the tallest…
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
-
-
-
-