Category "css"

Swap 3 divs and make the selection div go to the center

I have three divs and I want that every single time I click on any div, it will be swapped with a second div which is meant to be at the center. I have tried li

Flask CSS Error after pressing submit button

I have a flask web that makes prediction and returns it. The index page is rendered, the model receives data and makes a prediction and shows it correctly. But

Size of divs in HTML

I want to reduce the size of these divs so that every row contain 3 cards at most. As I change the measurements in the CSS, it gets smaller and smaller. PS I'm

Modified row spacing in Bootstrap 5

I have the following markup. <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="contr

How to design an HTML page that does not crash by reshaping the elements [closed]

I created an animate Android logo bot using HTML, CSS and JavaScript, which is 100% in place in zoom mode, but by resizing the web page, every

Specify multiple attribute selectors in CSS

What is the syntax for doing something like: input[name="Sex" AND value="M"] Basically, I want to select the input element that has the attribute name="Sex"

problem trying to make div responsive using CSS

I'm new to css / html / js what I'm trying to fix is the images placement in Div, i wanna make it more organized and responsive so when I resize chrome i wont e

Keep all style of page inside page block element

I have this code : <div class="page-payment"> <div class="payment-methods" v-if="!pending"> <sepa-modal ref="sepaModal" /> &

Transition a div height when the content is updated by livewire

So we got a div with a Livewire component to choose languages : <div> @livewire('multiple-languages', [ ... ]) </div> When the user selects a l

Add animation to alternating horizontal panes [duplicate]

I have a working snippet for two horizontal panes that alternate when clicking on the splitter. I need to add a simple animation to the splitt

How to align left and full-height side nav menu

I'm trying to build a sidenavigation menu for the tablet / mobile part of my website. What I can't do is get a left-alignment of the screen, an overlay and full

Change html background to image from video if on mobile

I'm currently developing a website which uses an autoplay video background, however this scales badly on mobile and only sits in the top third of the screen...

Cant access image in App.css from public/images/img-2.jpg

I am creating a react app when I want a particular section to have a background image that I have in my images folder which is inside the public folder. Accessi

Cannot resolve directory '~bootstrap'

I did npm install in terminal. I downloaded bootstrap. Currently, the codes I wrote over styles.css do not work. @import "~bootstrap/dist/css/bootstrap.min.css"

make Hamburger Nav sticky on Scroll and responsive on all mobile media queries

I am trying to make the navbar Hamburger on mobile view responsive and sticky on scroll on 320px, 375px, and 425px screen sizes. I would like to have a solution

Using CSS border-radius (rounded corners), how can we prevent the rounded corners from disappearing if the image is scaled down (max width/height)?

Consider this scenario: An image is centered both horizontally and vertically using a flex box The image has a CSS border-radius configured (rounded corners) Th

<a /> tag with a child image opens the image in new tab instead of the <a /> tag's link when clicked

I have an anchor tag <a /> with and image as a child , basically I want to create an image that works as a link .in this case the image is a youtube thumb

How do i properly position my SVG element, so its even on resizes

So heres the image of my problem. I have two SVG files, and i want them to sticky to the bottom no matter how i resize my window, and if I resize it to a mobile

How to access element from html that is stored in variable?

I have HTML that is stored in a variable. I am trying to figure out how do I access it. Fo example if I want to get element values by id or class name or apply

How do I solve a problem with a CSS file?

I am a new user and this is my first post on StackOverflow. I wanted to try to code an Infinity RGB animation using HTML and CSS and to get the work done, I fo