Category "css"

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

How can I change dynamically the Width and Height to my Lottie in React?

I'm working on a web app builded in Django and React, I've a question about to change the width and height of my Lottie img when the screen change Its size. Tha

Why doesn't flexing work for this spinner?

The output- [Out put of the code][1] I tried margin auto, justifying, alignment, and more but nothing worked. I am new to programming so I'm not able to underst

How to overwrite Bootstrap's checkbox with an emoji?

As described in https://getbootstrap.com/docs/5.0/forms/checks-radios/ what Bootstrap allows me to do is change the checkmark with a link like so:$form-check-in

What are XTRA, YOPQ, YTLC, etc. in CSS?

I'm reading a blog on Roboto Flex font which is a variable font, and I see mentions of Parametric Counter Width (XTRA in CSS) Parametric Thin Stroke (YOPQ in C

How to directly change TranslateX from one position to another smoothly?

I am facing this issue from a long time, Finally I managed to make a demo example of my problem. I am trying to make a infinite image scroll view. So when we po