Skip to main content
Hosun
Inspiring
August 16, 2019
Answered

Media Query

  • August 16, 2019
  • 1 reply
  • 858 views

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

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:

Create responsive design using media queries |

1 reply

anissa_thompson
Community Expert
anissa_thompsonCommunity ExpertCorrect answer
Community Expert
August 16, 2019

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 |

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