I want to show alert while clicking on the back button in the browser. it only works before clicking on the back button, when you click to somewhere else on the
What I'm trying to achieve is a button like Once it's done I need to animate on hover. The closest example I could find is this codepen https://codepen.io/Ches
I made an image slider that work, but now I'm trying to add an animation effect to it, and I believe JavaScript may be the answer for that. I'm trying to add th
I can't center horizontally a h6 (or any) tag inside a flex div. I think I've tried all the CSS approaches align, justify, etc, but nothing wo
There are lots of hints on how to create the flag of Japan using only CSS/HTML. It is possible, with canvas to recreate the Rising Sun. It isn't an exact replic
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