I have a secondary navigation bar for my portfolio, but now I need a way to make it so the unselected items are hidden while using the sidebar! I don't want to make multiple HTML and CSS codes just for…
I’m using flex in a number input component to render custom “+” and “-” buttons next to the input itself. The buttons use aspect-ratio: 1/1; to ensure they are always square, but I can’t seem to get the buttons’ container…
I would like to know if there is a way to make the chart's width increase if the number of items in the legend doesn't fit with its initial size I tried a lot of different settings and approces like…
I want to give my header a z-Index, but every time I put it on the header gets fully destroyed and idk how I can fix it. Also my boxes are overlapping my navbar/header, can I fix it with the…
Is there a CSS selector combinator for selecting two classes in the same element or in any descendant. For example: <div class="theme-classic btn"></div> or: <div class="theme-classic"> <div> <div class="btn"></div> </div> </div> If in my CSS file I write: .theme-classic.btn I…
I have a blogger website, and there is an HTML table on it (Homepage). In mobile view, I want to see that table like the image attached below. Please tell me how to do it (final output). I'm not fluent…
I'm trying to get all bold texts from an anchor tags to have the same style. I tried with : a > h1,h2,h3,h4,h5,h6,strong,b,d1,d2,d3,d4,d5,d6{ font-weight:var(--medium); } But the style is only applied on <h1>. So I tried with : a>h1,a>h2,a>h3...{ }…
I have in my project css variables like below: :root { --color-primary: #65A518; --color-primary-hover: #558817; --color-primary-dark: #006729; --color-white: #FFFFFF; } but now I have to add angular material and custom themes. I read that I need create my custom palette…
I have a parent div which has a background image (an SVG with just a diagonal line). My child div will have some background-color depending on the value of a variable. I want to show the parent background image (diagonal…
I found this 'trick' a while ago. Adding two digits to a hex color sets the transparency. This works in Google Chrome (2024-04) and the Edge browser. color: #000000; (= black) color: #00000030; (=black transparent to 30%) 30 is an…