i tried to add gutters to my grid with bootstrap, but they do not appear. i dont know why they dont as im following the steps as noted on the bootstrap docs. <!DOCTYPE html> <html lang="en"> <head> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"…
I have searched everywhere and cant find an answer so any help would be greatly appreciated! I have a ForEach loop on a razor page and it loops through a list of appointments each one has a different color (I…
extremely new to html and css, started literally days ago, im trying to figure out how to put a text box in the center of my site with the text aligned against the left of the box with a short…
I am trying to figure out why my overlay (in the @media (min-width: 768px)) is not under my navbar, altho my z-index should indicate that it sets under it. and outside the @media (when in small screen) it's working just…
I'm trying to make my NextJS 14 app router application scale down on any device less than 500px width, as I'm making my app responsive down to 500px wide and anything below that I want it to scale down, previously…
I am learning float property in CSS. But I have one doubt. I want that image and paragraph should float on left and right inside div. I am not getting image and paragraph floated on left and right. Paragraph is…
I'm having difficulty spanning box-two to take up column two and three. I've checked for typos. My page looks great before screen width is 1024px. Below is my html page and stylesheet <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta…
I have tooltips enabled on my website but I want to hide the tooltip pop-ups specifically displaying over video embeds. I have tried inspecting the webpage and got this following code that only appears when those elements are hovered over.…
Im having trouble overlapping a video element. I have a div that contains a video. even though i have specified that the following div below it should be higher using z-index, and thus appear above the video, it always appears…
I have some SVG in a list, there are about 100 nodes. They looks like: <li> <div class="icon"><svg><path .... </svg></li></div> </li> ... another 1000 <li> Should I turn them into CSS? <li> <div class="icon"></li></div> </li> .icon { width:20px; height:20px; background-image:…