I am writing a filter search to filter through cards of customer data. The search functions work, but when the cards collapse they leave degrees of whitespace w
I am using lazyload to display my images in my website (with data-src instead of src). However, when you reload the page, you can see the alt tag appear (durin
I want to make the borders of the table round. If I change the background color, or make a grid in the table, then everything goes beyond the rounded corners I
I'm working with a CSS grid layout with a 20 column span. For ne of my grid items I've specified that it span 5 columns, like so: .parent-grid { displa
I started high school this year, we are doing some big semestral project and I'm not very good in HTLM/CSS. My crewmate did the page design on some random websi
I started working on tribute page project on codepen passed 9 test cases. Tried all the ways but cannot pass the last test case. My css code #img-div { displa
I've linked bootstrap's css file first. I've linked my css file second. Why does bootstrap gets priority over my css?? I've played with the file order, there
Hi guys very simple question. I have a home page and a room page. The question is why is the logo image in the navbar component loading in the homepage but not
I am trying to write custom CSS on a side by side question in Qualtrics such that both my first column and first row can be frozen panes. For example, I have 2
I'm using a font called Lora in an Electron app, and I encountered a problem where text like mysterious `accent` is automatically converted to mysterious &agrav
I'm trying to get rid of max-width that present in the theme. This is what I see in Chrome (and if I uncheck it, it does what I need): @media (min-width: 1280p
How do I move input value to the right side of the input box with css? <input id="calc" value="0">
I created a diamond through the sketch of CSS, which is located in the upper left corner of a circle. I set overflow: hidden for the circle. How can the diamond
I'm trying to use scroll-snap-type: y proximity;, but it isn't working well with react-scroll. I find that the page is scrolling in HTML tag and when I set over
EDIT: i made a video to present the issue. Find it here: https://streamable.com/r8sl85 I am implementing my LinkedIn badge on my website. They provide me the co
Here is the code :) <div> <div class="w-full m-4 rounded-xl flex flex-wrap shadow-md border-2 place-self-center"> <div class="flex flex-1"&
I have created a full-width video header that I've used successfully over several pages. For the life of me, I can't figure out why it has chosen JUST NOW to gi
I need to put a date in my apllication so I do this: <!--data --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 f
I've created a search bar on my site with the code below. For some reason the value is not updating when the user clicks on a name in the dropdown options of th
I am trying to add Tailwind.css to a Vue.js project. There are a lot of resources on how to do this, most of them following the same path as this video. To make