I'm attempting to make a circular button with a Material UI icon, but my various efforts have failed to produce the desired shape. I am creating a React.js component for my project. Version Detail : node - 20.16.0 "dependencies": {…
Got this flex component on Tailwind and want to ensure the item inside always use the full with even if the content is not enough widht, basically cover all the red box area. <section class="mx-auto grid max-w-[1200px] grid-cols-1 px-5 pb-10">…
I'm using Astro JS to build a google chrome extension, and I have a problem when using tailwind. Apparently Astro adds the CSS files to an _astro folder in the dist but this causes conflicts with Google due to: Filenames…
I was creating a React page but when I added background image using TailwindCSS, an error got displayed, and I could not get rid of it even though I changed that background tag. Help please.... Code import React from "react";…
On a static website (possible but not desirable to use JS), I've a blog with a column width of a large screen of maybe 50% for easy reading. But then I have a large picture (actually it's an interactive object)…
Here is the sample layout that working on having a scroll bar vertically My concern is, how will I remove it ? take note that before asking questions here, I have already research regarding how to hide scroll bar and…
I can give a div this gradient and make it absolute and place it at the right position, but how do I make it semi-circle? <div className="absolute top-[50%] right-[-600px] w-[50%] h-[50%] opacity-40" style={{ background: "linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%,…
I can't get the footer to stay at the bottom of the page without using flex, and flex causes problems with my content of the page so I need a different solution You can see my CSS here: https://github.com/Lncvrt/website/blob/main/app/styles.css I…
I've got 3 pages, home, cv, about. cv page appears differently to other two pages, by which I mean the whole main body seems to move slightly towards left. Pixel width is still the same, but I don't know exactly…
No suggestions were coming up in the HTML files. I tried re-installing the Tailwind CSS IntelliSense extension and tweaking some settings in the `settings.json` file related to the extension. However, the suggestions still didn't show up. I was expecting these…