Due to some reasons media queries are not effective!

bep / hugo-starter-tailwind-basic

A basic and simple to set up Hugo with TailwindCSS starter project.

https://lucid-nightingale-60a4e2.netlify.app/

MIT License

144 stars 31 forks source link

Due to some reasons media queries are not effective! #7

Open iaminamcom opened 3 years ago

iaminamcom commented 3 years ago

Hi I'm observing that due to some reasons things messed up. I don't know if it's in only my case or you guys configured it by choice. Check the screenshot here: See how even in mobile preview class with in media query (min-width: 768px) is overriding the default class. I'm confused!

I was excited to use this starter template by Bep and other but currently having bad time. BTW, I'm not new to tailwindcss.

bep commented 3 years ago

I don't know if it's in only my case or you guys configured it by choice.

The provided configuration is rather small; have you checked?

iaminamcom commented 3 years ago

Thanks for the response! I went through whole configurations. I found no evident reason for it. Is this working good in your case?

divinerites commented 3 years ago

They changed things for breakpoints in v2. May be related ?

See https://tailwindcss.com/docs/upgrading-to-v2#configure-your-breakpoints-explicitly

iaminamcom commented 3 years ago

I don't think so. I migrated my content to https://github.com/dirkolbrich/hugo-theme-tailwindcss-starter and it's quite perfect