do i show a div in Media-queries with display?

Question

Hey Stackoverflow!

I have a problem. I have already tried to look on other questions, but i didn't get the answer I want, so I'll ask here instead.

I am currently working in php (html, css help)

My problem is that I want to show 4 pictures in my media queries (480px)
and hide them if the screen is more than (850px)

Do you know what I have to do?

Thank you for your time :-)

Possible duplicate of [Div show/hide media query](http://stackoverflow.com/questions/11796297/div-show-hide-media-query) — caesay, Mar 22 '17 at 08:01

Amal · Answer 1 · 2017-03-22T07:27:55.067

1

Try this code

    @media screen and (min-width: 480px) and (max-width: 849px) {
        .picture{
           display:block;
        }
   }
   @media screen and (min-width: 850px)  {
        .picture{
           display:none;
        }
   }

edited Mar 22 '17 at 07:27

answered Mar 22 '17 at 07:21

Amal

3,398
1
12
20

score 0 · Answer 2 · answered Mar 22 '17 at 07:21

0

You can add a media query for 850px and mention display:none in the CSS.

answered Mar 22 '17 at 07:21

Charan

35
7

do i show a div in Media-queries with display?

Hey Stackoverflow!

2 Answers2