Inspiring

Answered

Media Query

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.

Hosun Kang

This topic has been closed for replies.

Correct answer anissa_thompson

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:

Correct answer

Community Expert

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:

Hope this helps! Make sure to press "✔ Correct Answer" on this post if this answers your question. Happy Creating!Anissa • @anissat

Sign up