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
various
@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
https://appsync.biz/speed-test/ https://appsync.biz/scrabble-word-finder/ https://appsync.biz/solitaire/