I want to know how I can combine the counter css function with the calc function for me to supperpose a list of icons. <style> .list-counter{ counter-reset: list; } .list-counter div:not(:first-child){ counter-increment: list; transform: translateX(calc(counter(list) * -1rem)); } </style> and…
enter image description herethere is a red line showing in my html boilerplate VScode. this shows when I hover over it (Unknown word (CssSyntaxError)stylelint(CssSyntaxError). Beginner level stuff I know but will be glad if someone can help tried to google…
I'm very confused on why my flex-shrink isn't working until I set a fixed width or height on the item I want shrunk faster than the others. https://codepen.io/MH-123/pen/ExJWQWq You can see here how the left and right column shrink at…
I am new to HTML and CSS. I am trying to remove the top and bottom margin from my H1 but the default margin remains. My CSS so far looks like the below: font-family: 'Cormorant Garamond'; font-size: 65px; letter-spacing: 40px;…
Pretty much what's written above, I want to change the color of the container div so that it reflects the color of specific selected active elements. So for example, the container's background is a shade of grey - when I…
I'm looking for help with HTMX. I writing a simple FastAPI app with HTMX and Tailwind and MongoDB database. I have such a form: <form id="currencyForm" hx-get="/currency_history_check/EUR" hx-target="#result" hx-swap="innerHTML"> <select name="currency_id" id="currency_id" onchange="updateFormAction()"> </select> <button type="submit">Submit</button> </form> <div id="result"> </div>…
I am building an application in Django and for writing templates I am using HTML/CSS, now there is some weird white space I am encountering on the top and left side of the page which does not go, no matter…
I'm working in a Web Application and I ran into an issue relating the <link> element in HTML. Basically, I tried to link my styless.css folder but the style was not applying on the live server. This is my HTML…
`I don't know how to position these elements. I've written the HTML, but I can't position the elements in the CSS file HTML: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Блочная верстка</title> <style> html, body { width: 100%; height: 100%;…
So I'm trying to make a form that accepts names. The input field will take in a name. When you press the submit button it will add the name to an array only if name!=null and and the name is…