• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Media Query

Enthusiast ,
Aug 15, 2019 Aug 15, 2019

Copy link to clipboard

Copied

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

Q_Dw_61_MQ.png

Views

711

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 15, 2019 Aug 15, 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 |

Votes

Translate

Translate
Community Expert ,
Aug 15, 2019 Aug 15, 2019

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines