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

Responsive product page: Spoons - Muse Tutorial

From the course: Muse Essential Training

Start my 1-month free trial

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…

Contents