I am using Vite to easily run tailwind and other npm packages in my vanilla HTML and JavaScript. This is what I have now: Current file structure And this is my vite.config.js const { resolve } = require("path"); const { defineConfig } = require("vite"); module.exports = defineConfig({ build: { rollupOptions: { input: { main: resolve(__dirname,… Read More What is a good file structure to have with Vite?
i have this code: <li><input type="checkbox" id="checkboxThree" value="Alergia3" ><label for="checkboxThree">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFour" value="Alergia4"><label for="checkboxFour">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFive" value="Alergia5"><label for="checkboxFive">Alergia 1</label></li> <li><input type="checkbox" id="checkboxSix" value="Alergia6" ><label for="checkboxSix">Alergia 1</label></li> But I don’t want to use "id" and "for" because I have to do other thing later and I can’t use them. I have see… Read More How to associate label with checkbox but not using "for=id"
I want to warn user on attempting to delete a file. how can I transfer some details via the html button to this javascript ? for example, each time the user will be deleting different files, so the button should sent different file id to the fileid part of the url. here is the .js… Read More How to send custom value to sweetalert javascript code from PHP?
Im trying to have some backend code generate some styling for me, and it prints the css class and style just fine. following style is printed at the top of the page. .655c6933-5ae9-4089-a576-df528bf6c823 { background-color:#f2f2f2; } and as you can see in the image below the class on the html is identical, but the style… Read More css style not getting applied to guid css class selector
I’ve got a div element with some content (shown in the picture). I want (for styling purposes) create a vertical line next to it with the exact same height (needs to be responsive so a static "height" value isnt working) Does anybody have ideas? >Solution : You can attain it using a simple border on… Read More HTML CSS Vertical Line with exact height of a div
The white padding in this select won’t disappear and I feel like I’ve tried 30 variations and places to make the css stop showing up. Any advice? This is using MUI 5, and I even tried basing it off of this code, where the styling I applied works, so what could be wrong? Code sandbox… Read More Why doesn't the style in my PaperProps within the MenuProps of my Select apply to the select
I am building a site using Next.JS and tailwind. On the homepage, the content in the wrapping divs in the project section displays in the centre. However, when I navigate to my about page using the navbar link, and then return to the homepage, the content in the divs no longer displays in the centre… Read More Tailwind styling not working after navigating from another page in Next.js
I have this a scrollable component: <div> <div className="scrolling-component">…</div> <div className="button">…</div> </div> And in the scss file I have: .scrolling-component { background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0,… Read More Why is my background styling getting ignored?
In my CSS code I’ve always used long chains of text to specify the element: ol > li > ul > li > button:last-child {color: hsl(0, 0%, 30%);} I’ve also heard that using mostly classes is a common practice. In my opinion these long chains of text aren’t the best way to do this so… Read More What do you think about writing long chains of element specification in CSS?