Category "css"

How to clip a background image using css without affecting its size?

I'm using a picture I found on Google Images as a background image. However, a Google Search bar appears at its top. On its left hand side various icons/logs su

county boundaries for US map with large data

I am trying to load all the county boundaries in the initial load. So I researched and found that loadGeoJson will support that. when I test with state boundari

Why does using replaceAll instead of replace give me bad results?

I'm still working on my IDE and I keep running into problems and I'm wondering if I just keep doing something wrong this is the sample of code that I need help

CSS Selector: Clicking on child element based upon value of other child element

Here is the code snippet: I am trying to click on Building Div based upon the title attribute value of class card-details__title. Thanks

Menu Item does not break like but pushes one word over the other when re-sizing window

It's probably something small, but I cannot figure it out. When resizing the browser window, the string in the list items don't break onto a new line. (see imag

Sticky Nav Bar Issues

I am trying to make a sticky navbar but when i do position: fixed it moves my navigation and merges it to the top left. the logo should be on the left and the n

how to keep the same amount of a background image visible as screen sizes change?

Is it possible using only CSS to replicate how as screen sizes change but the same amount of image is seen? I have been able to scale the image but the amount o

random an infinite generated grid of pictures

I have some trouble with this web app I'm making, I need to make an infinite and random grid, but I don't know how to make it random, in that way that either it

Make YouTube video embed responsive

I have some videos that are embedded on my webpage from YouTube. The thing is I am using the below-attached code to make it responsive (via bootstrap). It's goo

Why are my inline divs at different heights?

I am using a grid container on an html page; inside two adjacent divs in the grid I have some little divs. I want these little divs to appear at the same height

How can I center an animation so it goes from the middle?

An example of what I want (the main text eg. subscribe): https://sounddrout.com/ My code basically has a repeating typewriter effect on it and it just goes from

javascript setAttribute replacement

I am new to javascript and have problem when play with w3school's example. Here is the link the problem from https://www.w3schools.com/howto/tryit.asp?filename=

How to add branch lines to angular material table?

I am working on a UI (using Angular 10), where I have to show hierarchical structure inside a mat table. The HTML code is using mat table to show the data, and

Stay/Collapse nav bar

I have navbar menus with submenu dropped-down. whenever the menu is clicked then the submenus is expanded however when the submenu is clicked then the sub-menus

The `auto` mode of `contain-intrinsic-height` isn't remembering discovered element heights?

In this simple jsbin example, I have code that looks like this: <style> div { content-visibility: auto; contain-intrinsic-height: auto 10px; }

What happen to this v-for directive

I wanted to make some object like below So, at first I wrote code below <div class="p-2 border-2 border-blue-300 mr-auto rounded-full space-x-1"> <

Remove Klarna Payments with cash on delivery method

I have a problem with a code. So I have five different payment methods in my site. When a customer select "Cash on delivery" as shipment method all the payment

Chrome autocomplete and transition animation in CSS

I've a semi-complicated user registration form that Google Chrome is ruining. As per design, I've moving/animated placeholder which moves out of input to 20px a

How to use MUI to stack components on top of eachother?

I want a div that looks like this on Desktop: ------------------------------------------------------------------ | (icon) | (content)

I'm trying to put link to some text but it is not working. I think something is overlapping in css but i won't understand it. could you take a look [duplicate]

hyperlink is not working. i think there is some problem with css. can anyone please overlook and help with this? *{ margin: 0; pad