Category "css"

Why my menu is merging with the input field ? I want it to be responsive

I am new to HTML CSS, can anyone tell me what am I doing wrong? * { box-sizing: border-box; margin: 0; padding: 0; } :root { --pink: #ff6161; --w

How do I center of this whole div class? Same with hovering

I was trying to center these div class using margin but when Im looking at the mobile view, its overlapping. I wanted to do to make it responsive by itself

I can't add labels to svg path

I want to add a custom-styled label to my object. this is my code of SVG: <svg height="512" version="1.2" viewbox="0

css overlapping background image with header

I am trying to make header with background image on it. This is the url :https://aionnyc.gogroth.com/specials/ Below is the URL of my implementation: https://ht

Element not appearing on hover

I made a basic website header and the respective menus should appear when you hover over the options but it doesn't work. When hovering over the options "Home"

button class with :focus does not show outline

I want to show that buttons have focus, especially when accessed by keyboard. I can tab to the buttons and Developer Tools shows that the button has focus. But,

Form input checkbox and file type isn't functioning

I'm trying to make a form for adding a blog page. I have title form, date form, content form, checkbox for blog category form and image form for the topic image

how can i fix pagespeed score when base64 font is treated as unused css

I embedded the font file directly into my css file in fontface as base64. Besides the font, I have about 150 css lines there. The pagespeed claims 60.5 KiB of 6

justify-self propety doesn't work in bootstrap's navbar [duplicate]

I have a basic bootstrap header here: https://codepen.io/yan14171/details/KKQNoYW <nav class="navbar navbar-light" id="navbar"> <a

How do I change the font size and color of a TreeView?

Give style like this: const style = { overflow: "auto", backgroundColor: "#292929", color: "blue", height: 650, width: 1, flexGrow: 1, fontFamily:

Text showing behind logotype and menu

I'm a complete beginner, trying to make html and css work for me, and I need help! I will have a go at describing my problem in English. In my top left corner I

how can i change the gap of only element

i am creating something with css flexbox and use gap to give spacing between elements but now i want to change the spacing of only one element like .contain

Vertical Media Queries Not Working (Resize Elements Based on Height of Screen) -- Viewport issue?

I'm working on a web application that's meant to be used exclusively on phones (of various sizes). The application includes various buttons that I resize based

Coordinate overlapping components to scale together

Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/

Navbar isn't turning red when I scroll down

I am trying to make it so when I scroll down in my webpage it will turn the navbar red. when you are at the top of the page it blends with the background but wh

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Delphi 11. Web Server. local CSS does not render correctly

I have created a simple web server using tWebModule. I have created a standalone for testing, and an ISAPI DLL for deployment to IIS. Both use the same code.

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

Possible to set hex color opacity independently?

Is it possible to set opacity value in hex color independently (to avoid repetition), or to append to var() e.g. var(--set1)1? Example: :root { --set1: #abc;

Declaring multiple custom css properties in :root causes error

I've been trying to create multiple custom properties to use in my CSS files, after searching I discovered they should be prefixed with a double-dash and usuall