#Tailwind classes not working in .astro file. Code included

14 messages · Page 1 of 1 (latest)

viral reefBOT
#
Quiet in here?

It looks like no-one has responded to your question yet. People might not be available right now or don’t know how to answer your question. Want an answer while you wait? Try asking our experimental bot in #1095492539085230272.

warm lodge
#

Which classes aren't working? Try updating e.g. latest <@&1055234544183287879>/tailwind is 5.0.2

tender cloud
#

Text-5xl is not working on the title. The resizing/responsive classes are also not working

tender cloud
#

for the lazy, i took some screenshots

#

here is what it looks like in astro. you can see the title is unmodified, although it should be text-5xl

#

this is what it looks like in astro on mobile. this is clearly unresponsive and simply the desktop version, therefore the responsive design classes are not functioning either

#

this is what it should look like with responsive design

#

what is most puzzling to me is that some tailwind classes are working, while others are not. seems to be either an astro problem or perhaps an installation/environment problem

hasty cloak
#

What does the browser say?

tender cloud
#

okay well, the text-5xl seems to have been an extra closing tag on the h1. however the responsiveness is still a mystery to me. i wonder if it is a bug in the browser? im using firefox and toggling responsive design mode

#

it seems to work correctly when i manually resize, but does not work when i cmd +alt + m to responsive design mode