Jump to content

What's wrong with my media queries?


Nic727

Recommended Posts

Hi, I'm trying to make my calendar responsive and for that I need more than one media query. The problem is that it doesn't work very well. That's my code :

@media only screen and (max-width: 500px){span[data-cal-date],.cal-month-box .cal-day-today span[data-cal-date]{font-size: 1em !important;}      .text-today{  font-size: 0.6em;  }}@media only screen and (max-width: 800px){span[data-cal-date],.cal-month-box .cal-day-today span[data-cal-date]{font-size: 2em !important;}      .text-today{  font-size: 0.8em;  }}

My calendar on my website : http://terra.nicolas-duclos.com/ateliers/

 

Also, should I remove the "1 event" and "today" from mobile/small calendar? I don't really know what's the best for small calendar... Everything is too ugly.

 

I'm also trying to make cell square when smaller, but it doesn't work with only min-height. Do you have a trick for responsive cell or it only work with media queries?

Edited by Nic727
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...