-
|
EDIT: For those who might encounter this issue, it is not Tailwind-related. Hello there! As the title says, my CSS isn't being rendered on phone devices. I'm using Laravel 10 (as well as the installation made for Laravel). It works fine on any desktop browser, but when I try to access my website on my phone (and some friends as well), it does not. /** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'
],
theme: {
extend: {
fontFamily: {
sans: ['Montserrat Alternates', 'sans-serif'],
serif: ['Playfair Display', 'serif'],
}
},
},
plugins: [],
}vite.config.js: import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
watch: {
include: 'resources/**',
},
});I tried using both vite directives and the Laravel helpers And finally, here's my typical <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Pierre Mauriello">
<meta name="description" content='Pierre "Golluméo" Mauriello is a junior backend developer eager to join the tech industry and land his first job or internship!'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arima:wght@100;200;300;400;500;600;700&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="{{ asset('assets/img/gollumeo.png') }}">
<link rel="stylesheet" href="{{secure_asset('resources/css/app.css')}}?v=1">
@vite('resources/css/app.css')
<title>Pierre Mauriello</title>
</head>If anyone has any idea... Bonus: the link where it's been deployed Thanks a lot in advance! |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
|
@gollumeo I seem to be having similar issues. Did you happen to find a solution? |
Beta Was this translation helpful? Give feedback.
-
|
Hi @squashjedi! It's been a long time ago so I don't really recall what I've exactly done, but if IIRC, it was about a file |
Beta Was this translation helpful? Give feedback.
-
|
Wow! It worked! You saved me many more hours... thank you so much. Your memory served you well :) |
Beta Was this translation helpful? Give feedback.
Hi @squashjedi!
It's been a long time ago so I don't really recall what I've exactly done, but if IIRC, it was about a file
hot.txtwhich I had to remove and was conflicting with my assets and so :)