Tailwind Applying Md Breakpoints at 375pixel Screen Width

Viewed 81

Tailwind is incorrectly applying styles. On a mobile device the height of the div should be using the default of h-4/5. However, on a screen width of 375p the md:h-3/5 is being picked up.

enter image description here

enter image description here

enter image description here

1 Answers

Determined that there was an issue with my meta tag

Solution:

meta(name="viewport", content="width=device-width, initial-scale=1.0")

The previous line read:

meta(name="viewp**OINT**", content="width=device-width, initial-scale=1.0")

Just had to modify viewpoint to viewport.

Related