So I am making a website for a school project and I have multiple inputs on that website that have the same class (the class is called "in") because I want to apply the same styles to all of them…
I was using the first header from bootstrap’s examples: https://getbootstrap.com/docs/5.3/examples/headers/# And I have this: <div class="container fixed-top bg-white"> <header class="d-flex flex-wrap justify-content-center py-3 mb-4"> <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span…
I have a table that can contain nested tables which renders inside a drawer. The nested table is the same component, and i'm trying to create a css selector that will select the td elements of rows of the root…
I am trying to make an image gallery that lets the user sort options by category (land, sea, animal, and more). I wrote a small example. My goal: is that once the user selects (clicks) the category he wishes to…
I've to make a button with background white & font color in gradient. I've done the css code, But it's not working. button { background: #fff; font-weight: 600; color: linear-gradient(90deg, #ff5759, #ff57cc); border: none; padding: 12px 20px; cursor: pointer; border-radius:…
I have a rectangle frame, as well as a second rectangle which can rotate. I would like the determine what minimum scale needs to be applied to the rotating rectangle in order to completely cover the stationary frame. I have…
Ok so basically I am using vue.js to build a single page application and my Issue is that I have no idea on how to handle a navbar. Scenario: I have 3 tabs in my navbar and depending on which…
This is a simple menu in HTML. The CSS should animate the dropdown by transitioning slowly from max-height: 0; to max-height: 200px; The problem for me is that it jumps immediately to max-height 200px completely ignoring the transition property. On…
#rectangle { width: 100vw; height: 50vw; background-color: black; } #triangle { width: 0; height: 0; border-top: 25vw solid transparent; border-bottom: 25vw solid transparent; border-left: 33.33vw solid blue; } <div id="rectangle"> <div id="triangle"></div> </div> HTML <div id="rectangle"> <div id="triangle"></div> </div> CSS…
I want the div where I have the color squares to be constrained to the fieldset width and to show the horizontal scroll bar, but as it is currently the div grows and makes the fieldset grow in width. *…