I'm trying to make a 90s styled website, and I need to set the wideness of a div with .padding-side to calc(100% - 20px), but it won't work. I tried doing the following: [style.css] .padding-side{ padding:0px 10px; .wide{ width:calc(100% -…
my a.shop-now button takes up the full height of the image and that was not what I wanted. HTML: <div class="carousel-cell"> <picture> ... </picture> <a class="shop-now" href="#"></a> </div> CSS for .carousel-cell: position: relative; width: 100%; CSS for a.shop-now: bottom: 0;…
I'm trying to make a linear gradient border around a div I'm creating dynamically with JS. Unfortunately, no border shows up, as far as I can tell (and no, the border's not (or shouldn't be) showing up black. Here's my…
How can I make a good-looking header with bootstrap 5? I mean, with a lot of thing in it im suck at html (but fr) nothing, cuz im really not good at it, and i want to learn and how…
With Chrome based browsers I would IMPORT a style sheet via: - My component - import sheet from '/Vanilla/ScrollGrid.css' assert {type: 'css'}; or calling user web page - if (userStyles != undefined && userStyles != null) { if (typeof userStyles…
So I have the following mark-up: <div class="box"> <div class="image" style="background-image: url('<url>')"></div> <div class="content"> <p>This is some content</p> <p>This is some more content</p> </div> </div> css: .box { display: flex; flex-direction: row; } .image { width: 50%; height: 100%; min-height:…
How can I ensure the nav stretches to the bottom of every page dynamically? I'm pretty new to CSS and HTML so forgive me if anything is obviously wrong. But I can't figure this out for the life of me.…
I am currently practicing CSS animations, transitions and have been developing a lot of buttons but have been encountering errors on a few buttons. I am trying to implement the hover effect on the button, but the effect is not…
the current code is below .wrap { display: flex; gap: 30px; } .item { flex-basis: 382px; background-image: url(https://i.ibb.co/Jn6J3qN/card.png); background-repeat: no-repeat; background-size: сontain; flex-basis: 382px; min-height: 218px; border-radius: 20px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); padding: 32px; }…
Good day, I am trying to create a dropdown menu on my freshly new website but cannot find the reason as to why it does not appear. It should appear under "About" but when I click on it nothing appears!…