Trying to make component responsive, change sizes based on media size

How can I make the component responsive, i tried doing media queries to set the size lower on smaller screens but it doesn't seem to work. I don't want it to default it to compact. Any suggestions?