CODEWITHSUNDEEP
htmlcssreactjsresponsive-designtailwind-css
Jakub Polański
Jakub Polański

Reputation: 33

Responsive design doesn't working tailwind

Hi I've got problem with responsive design because it's working in browser, when im changing browser size to small site is changing but when i'm going on site using mobile device or inspect element tool it's not changing. Here is demo of website: https://horrorfiles.htw.pl I'm using tailwind css and react js, i made lots of projects using that and thats my first case.

Upvotes: 1

Views: 3429

Answers (5)

Mateusz Osiek
Mateusz Osiek

Reputation: 1

For me it was turning off the server and:

rake tailwindcss:build

Upvotes: 0

KRUSHANU MOHAPATRA
KRUSHANU MOHAPATRA

Reputation: 592

If you have built the project from the beginning from create-react-app/cli, you should not face this issue. You must not have forgotten to do Tailwind init. It's hard to debug from the words as you say you have followed all the steps, like other projects. Something might have changed in the commits.

Share the GitHub link to review the issue of past a code snippet.

Upvotes: 0

mahendra varma
mahendra varma

Reputation: 21

You just need to add one meta tag in your HTML head, just copy paste it

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Upvotes: 2

Rahil Walker
Rahil Walker

Reputation: 167

I guess you need to read proper documentation and then apply the usual breakpoints for responsiveness here is the documentation of breakpoints and everything looks on good on your site.

enter link description here

Upvotes: 2

user16716191
user16716191

Reputation:

I think the problem is you're using the breakpoint prefixes to target mobile devices instead of designing for mobile then using breakpoint to target larger screens. Tailwind's documentation has this: https://tailwindcss.com/docs/responsive-design.

Upvotes: 0

Related Questions