I using vanilla javascript + Vite, why styles doesn't work? this point I import style of logo component and this is common style.css @import url("./CORE/Logo/style.scss"); *, body, html { box-sizing: border-box; margin: 0px; padding: 0px; } and this is section…
The checkbox that is created next to the task can not be set to the checked position, which would create a line across the task. When opening console I don't get any errors, only the following error: A form field…
I want to add the amount put in a input field to a ul as list items. I tried this but i can't come further then this: <body> <input type="text" name="" id="txtNaam" placeholder="voer een getal in"> <div id="divResult"></div> <ul></ul> <script>…
I'm testing some scenarios with flexbox while learning HTML and CSS. I can't for the life of me get the user-input div centered in the middle of the login-box div. I was able to get it centered vertically with align-items:…
i am trying to design a movie watchlist but having problems maintaining the design. I am using tmbd api to fetch movie data. Now I want each setion to look like the first one (halo). But in the other two…
I have an element inside a button that I wanted to animate when I hover it and also when I click on the parent element, the button. For that I used the :not and :active pseudo-classes to animate the element…
The difference between auto-fill and auto-fit is that the latter collapses the empty columns. But after by adding an item that spans all columns auto-fit breaks and starts behaving like auto-fill. I can't find this behavior anyway in the specs.…
so i made a script to change the css file linked depending on time of year. however the load time is too slow when changing page and refeshing, causing my page to load without css for a few seconds. Any…
If I split or change my window size the website looks terrible. I want it to look like a normal full screen website but also if I change my window size. Also I want it to look full sized on…
I am trying to place some text at the bottom-center of an html page but it is not aligned. main { position: relative; text-align: center; max-width: 240px; margin: 0 auto; } .bottom { position:fixed; bottom:0; } <main> <div> <h1>Hello</h1> </div>…