The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Trouble with size screen changes. Reply To: Trouble with size screen changes.


Hi i have a bit of trouble with rendering a css grid item for different screen sizes. Here is the deal, its scss and i have


@media only screen and (min-width: 120px) { …..}

@media only screen and (min-width: 680px) { …..}

@media only screen and (min-width: 1040px) { …..}

for different screen sizes. Now due to the grid changing i need to change/remove the width/margin/font size of a div. My issue is that every time I remove a property. The one from the screen size below it takes place.

For example if i remove width:100% for the 1040px size, the one at 680px takes place so it becomes 100% again.

Here is a printscreen of the particular part from my browser. (the file has a lot of css it would be a mess to copy paste)

For example if i remove width from 1040px the one at 680px becomes active.

Why is that? I checked my brackets again and again and they are ok. What am i missing here?

Thank you so much