I'm using @heroicons/react: ^1.0.5 and I'm trying to style the icons by applying another color. I'm using tailwindcss to manage my CSS. When I declare the follo
I'm learning React and this question came up. Can I change the background color depending on the variable value that came as a prop? thanks import React from 'r
I have a custom hook that persists the user's scroll position on page refresh. I also want to implement smooth scrolling for my navigation links (site is a sing
I've an issue with the order in a navigation bar to recreate the Google page with a proper order. I tried flex-direction: row-reverse; but i
I have made a keyframe animation with words shifting in the end of the sentence. It works in Chrome, but doesn't work in Safari. What am I doing wrong? This is
I want to wrap the Column 2 to be at the top as it will contain a cover image. I have an example HTML below * { box-sizing: border-box; } /* Container for
so Iam using FlowType.JS it works and the text become I mean the the text become responsive. but if I wrote display: flex; or width: fit-content; the FlowType.J
The db stores hex values which will then be used to set the background color of the div. How can I pass the value which is coming through from the DB to the css
I'm using bootstrap's row with two col-auto. Inside the second, I have a form with <input>'s and a paragraph <p>. This second column should have a m
I'm working on a project where often I need to implement the same type of tag such as <div class="col-12 col-md-10 col-lg-8 col-xl-4"> and I want to creat
I have this css .App { font-family: sans-serif; text-align: center; display: grid; margin: 10px; border: 1px solid; height: calc(100vh - 20px); } t
I am trying to render a page for full height. But it adds a scrollbar which is undesirable. With 100% height, I mean just the size of the screen. Here is the d
On my website I use the icons of Instagram and Telegram as inline SVG images. If I do so, the color of the Telegram icon is destroyed. If I remove the Instagram
I'm using, to no avail, @-moz-document url within the file userContent.css to apply CSS rules in a specified URL. Here are the HTML and CSS code: HTML (page.htm
I got some issues with windicss. Classes don't apply on elements. I've tried to install an older version of windi and it still doesn't work. I've even tried to
I have a collapsible table, which opens and closes when clicking on Accounting. It requires a unique layout. I have added a checkbox to my collapsible rows, w
I want a button to change color while the user has clicked on the button and hasn't released it yet (on Mobile: while the user touches the button). For changing
I'm trying to add css to my html page in Flask, but it doesn't work. I tried the code in online editor and it works. HTML page (results.html): <div> <l
I am using Tailwind for a little Wordpress project I am creating. So I have set things up with webpack. This works absolutely fine. Tailwind does its tree shaki
I am not looking for an answer to fix the code, moreso an answer or explanation as to why. Safari will render children elements with a relative parent in a comp