Media Query

[Hosun]

Hi,

I am making Tablet View from Desktop View.

In <main>, there are

.col-wrapper

.col1

.col2

.col3

How can I deactivate them on Tablet View to present the prototype.

Global Invisible Hand

Hosun Kang

[anissa_thompson · Accepted solution]

Take a look at your styles.css file, and find the section at the bottom for your tablet and mobile queries:

/*Tablet View*/

@media (max-width: 1024px) {

--your new style goes here--

}

/*Mobile View*/

@media (max-width: 500px) {

     --your new style goes here--

}

You can either have Dreamweaver help you modify your layout, or manually edit your CSS to incorporate your custom tablet and mobile layouts:

Create responsive design using media queries |