I tried some thing like this <div className="flex w-full lg:justify-start md:justify-center sm:justify-center sm:items-center"> <Button title={data.title as string}></Button> </div> But it is always left aligned on mobile. It should be center on mobile and left on desktop
I'm looking to create a simple table with the look below. I'm having difficulty changing the border of the row to red when it is being hovered over ... as long as the row is not the header row. So…
How to highlight a word on mouseover in text in a React app const text = data[data.length - 1] !== undefined ? data[data.length - 1].taskText : null; const [hilightWord, setHilightWord] = useState(false); const hightlight = (text, hilightWord) => { if…
I'm running into the following problem and can't figure out why it's happening. When changing the text underneath the image the a link starts sizing too far even when it's limited to a width of 50%. It should be the…
I'm trying to make two images appear in a "front-image" section when I scroll. When the user scrolls down, the images should behave as follows: top-image: must go down bottom-image: must go up when the user scrolls up the behavior…
I am creating a portfolio website for myself but i am a beginner in web dev. I wanted to create a section in my page at the bottom where the "start a project" box in the picture will be my…
I'm learning tailwind and I have this div : <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 dark:bg-black"> And in dark mode my background is still the original gradient (my dark mode is working) I want…
I have created a very simple registration form with react js. I have styled everything like I wanted but I jsut can't remove a weird grey boarder around my registration form. I already tried integrating a global css file and…
I would like the "left-side" of my project to appear above the left side of my project when the screen is small. The issue that I am running into is that as the screen shrinks the left side will become…
How can I specify the first p element of each li tag belongs to the same class without doing it manually (in the case there are too many li tags in the ul element), as we know that :first-child pseudo-class…