Category "css"

Can I find out the color scheme in the browser

since it is possible to find out if the PC is in darkmode or not I would like to know if it is possible to find out which colorschemer the User has taken e.g. y

Issues centring the a div

I'm trying to centre a div but for some reason the div doesn't get centred. The code is avaialble here. In the image below you can see which is the issue.

Apply :hover::after / :hover::before on Gatsby using vanilla-extract

I'm trying to add a dynamic underline. When hovering the element I can't change the "after" or "before elements using CSS. I know this can be done with plain CS

Can't resolve font path using styled-components

I am trying to include a google font Epilogue to my project using @font-face and styled-components. I created GlobalStyle.style.jsat the /src folder and importe

On straching a div open sidenavbar

Hi everyone when I'm using my phone i get to know that there is one feature given by my phone ,they provided a straight line while stretching that div I'm able

Remove video play-button when iOS mode is "lower power"

I autoplay my videos and this is working perfect. The only problem is, when a iOS user is on lower power mode the videos are not autoplaying. Then the videos al

Remove video play-button when iOS mode is "lower power"

I autoplay my videos and this is working perfect. The only problem is, when a iOS user is on lower power mode the videos are not autoplaying. Then the videos al

My .style.background doesn't style the item

I am trying to make a timer and make it so that when the time gets below 10 seconds the text turns red. I am using backgorund-clip to style my text, but for som

How to make an angular page scrollable

I'm working on an Angular project in which I'm creating a form using the ionic-framework components. <ion-content> <form> <ion-item lines="

How would I make one container in a grid change to 100% width on mobile?

I have 8 elements in a grid. On a desktop screen they appear properly. I want element-3 to hide at max-width: 885px and element-2 to expand to width: 100%. I ha

How to position a large number of elements using flexbox without resorting to position: absolute?

I'm doing a landing page for testing flexbox technology. I ran into a problem: I can't figure out how to position a large number of elements without resorting t

How to align text content with image in a row bootstrap

I want a specific display depending on whether I have an image or not in a row bootstrap. I want when I have an image and text content, I can have in the same r

How can I turn my navbar links into a dropdown menu with HTML CSS and JavaScript?

I am trying to turn the first two links of my navbar into dropdown menus. I want to make it so that when you click on them, the dropdown menu shows and the arro

How to align an embedded map to the center?

I am working with HTML code in Virtual Studio Code I am trying to align an embedded map to the center, how can I do it? This is my HMTML code below <section

React Antd: How to remove spacing between vertical divider and any content right next to it?

</div> <Divider type="vertical" style={{ width: "5px", height: "auto" , marginRight : '0px' , padding : '0 0'}} /> <div style={{ padding : '0 0'

react-xarrows not updating lines in position

There are some issues I'm having while using the react-xarrows with mui. I'm trying to achieve: The line should be connected in the same position after toggling

A form isn't working when showing mobile view

I'm trying to set a mobile view for my site. In this particular case i have to show two different forms according to the width of the page (under 400px it shows

How can I center an entire DIV tag [duplicate]

I have a problem that I can't figure it out. I just started learning HTML, CSS, JS and BOOTSTRAP. My question is how can I center an entire DI

make a div show on page load

const links = Array.from(document.querySelectorAll("a")); const tabs = Array.from(document.querySelectorAll(".tabcontent")) const hideAll = () => tabs.f

How can i position a logo image from a list react component?

i would like to find the way to position the logo images like it looks here enter image description here I couldn`t find a way to position multiple logo images,