Category "css"

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

Blazor Razor Class Library (RCL) No CSS Intellisense

I have a razor class library (RCL) that contains all the pages from my blazor application. The CSS intellisense does not seem to work within the RCL unless I ch

Transition on light/dark mode

I did the code for dark/light mode this way, using Javascript and CSS. but I can't find anywhere a way to add a transition on changing the light/dark modes. CSS

Media-queries not working on Sass project

I am working on a Sass project and everything worked properly, but media queries are not working. I tried adding them at the bottom of the document, adding in t