Category "css"

React Background Image Change Animation

I'm working on a weather app with ReactJS, what i'm trying to do is have a slideshow of images for my background, the images will be full screen, fading from on

VS Code syntax highlighting for template string css? (Emotion)

How do I enable syntax highlighting for emotion template string css in VS Code? All the plugins I find are for snippets. It works with css({ camelCaseCssProps:.

Whats the best way to control image sizes using CSS Grid?

Im getting very familiar with CSS grid. But its has a few perplexing issues of how to best set it up when you start trying to involve images and grid responsive

How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?

In Microsoft Visual Studio Professional 2017, when I edit a JavaScript or CSS file, the Intellisense Quick Info for Members, Objects and other keywords don't ap

Mobile bar closing transition isn't working on my code?

I'm new to coding, and I do not understand what is wrong with my code. The menu bar is for the media. I have it set to transition when a user clicks on it, and

React-select dropdown list getting cut in IE11

React select (https://github.com/JedWatson/react-select) drop down list is not fully shown in IE, works in other browsers. Works on other browsers. I tried set

Using React to reset the size of a div with CSS resize enabled

Currently I have a resizable div using resize: both; in its CSS. I'd like to make a function to reset the div back to its initial percentage-based size. I got t

Javascript set button active

I have a table of buttons and once it is populated, I am using document.getElementById("btn0").click(); to click the first button. The button is doing what it

Show a specific image in dark mode on GMAIL

I would like to know if there is a solution to display a specific image in dark mode on GMAIL (and hide an image in light mode). I tried by applying the guide h

how to fix navbar size to its original

I am trying to make a navbar with dropdown in it. when i added dropdown menu, my navbar's height got big although i commented the dropdown menu code but navbar

React App adding Pure CSS to Tailwind CSS

I need to do this in tailwind CSS for my react application. How can I do that? HTML <h1>Show / Hide Animation with pure CSS</h1> <label class="t

Tailwind-CSS doesn't apply flex/block after applying .hidden to the element

I want my div to be hidden on small screens and visible on bigger screens starting from md: But seems like .hidden has a higher priority. Or it just messing up

CSS not linking on Github [closed]

I've linked my css folder containing my styles.css file to my index.html like so: <link rel="stylesheet" href="css/styles.css"> It work

set width contaner to only span content width flex item fixed width and height

how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h

Trying to zoom on hover of image: Circular image overflowing container

I'm trying to get a circular image to zoom when it's hovered. However, I can't get it to work - the image is overflowing the container. What am I doing wrong?

Cannot cover up a gap between a box shadow and input field

Trying to create a basic website layout for a course (Odin Project). However I noticed that their website design has a perfect box shadow with no light gap. Whe

How to split apart a single list with CSS

I'm trying to use a single unordered list and splitting one of the list elements from the others and putting this one onto the left side and others on the right

Font weight set as normal but is displaying in bold on browser

I have font weight set to normal for .meta, .sender, .to, and .receiver. However, this still shows the text as bold for all the content in the middle of the box

Override bootstrap font size

I am using Bootstrap v5.0.2 but I need to override the font size to some custom value. In the html I am using <a href="#" class="btn btn-outline-danger">C

How to align one flex child as flex-start and other in center?

I have a sidebar that is set to flex with direction column. I am trying to get my menu ul to be vertically centered, and my .logo-container to be on the top of