Category "css"

Bootstrap 5 carousel with multiple items

i'm new to bootstrap and i'm doing an ecommerce template for learning bootstrap 5. There is a way to make the bootstrap 5 carousel to show multiple slide at the

How to access all the direct children of a div in tailwindcss?

I have this html: <div class="section"> <div class="header">header</div> <div class="content"> <div>sub contents 1<

overflow hidden css safari not working but chrome yes

I have an issue with safari explorer. I have a scroll indicator in the shape of a circle, that works fine in any borwser except safari. So I have one layer (the

How to add styles to angular component? (every second element)

I have a question about adding styles to Angular components. e.g I would like to have every second angular component in a list to have red background-color. How

Draw line between 2 elements in reactJS

I'm working on a flights agency website, and at some point I need to draw some lines between elements that are being added dynamically. See the image to underst

Images not showing up in Github

I'm trying to upload my website in GitHub but the images won't show. I've tried a lot of the solutions posted here (changing path, changing png to PNG..) but no

Footer is sticky, until I expand my accordion (html, css, vanilla js)

Basically my sticky footer is at the bottom of the page usually, works completely fine. However on the page with an accordion position:absolute, bottom:0, doesn

How to align center modal bootstrap 4?

im have a litle problem here, i want to make modal showing center. i want to make it like this instead of showing like that, im getting this this is the code

Is there a way to change thickness of v-divider?

I don't know if I am using the thickness prop correctly or if there is a better way to do this. <v-divider :thickness="var"/>

GTK Widgets changing with CSS

I can change the color of a button with CSS (background und color). But this don't work for dropdown button and textview. Do you have any suggestions? "#Button

HTML .value checking not working properly

I have been working on a little coding project for my friends. This includes a somewhat password system that changes your username. I implemented this so that i

Open Safari context menu BELOW text selection

I need to show a toolbar ABOVE a text selection in an editor. That's easy. Unfortunately Safari on iOS seems to prefer opening its copy/paste/formatting context

(Bootstrap 4) thumbnail with a caption on the right side when the screen is over X px

I would like to have a thumbnail with a caption on the right side when the screen is over X px. I tried it with and figcaption, but I didn't manage it yet.. he

Can I achieve CSS scroll snapping without making non-snapping elements unreachable?

I'm trying to use scroll snapping via the CSS scroll-snap-type and scroll-snap-align properties, but no matter what I do I end up making non-snapping elements u

Can I create a Masonry layout using Tailwind CSS utility classes? [duplicate]

I'm trying to create a Masonry layout using Tailwind CSS utility classes (not plain CSS), but going through all the official Tailwind document

Overflow in footer

I have a footer with the follow code: <div class="footer" style="width: 100%;"><h5> <a style="width: 30%; float: left; margin-left: 2.5%; backg

vertical align heading with flex container

In this excercise i expect to put header h2 on the same vertical line with the first card from left. each card is a flex item width width 160px in a flex contai

Bootstrap dropdown problem with sticky position

I am trying to create a data table that has a sticky column. In this column, I also like to create a bootstrap dropdown button. But bootstrap dropdown has a con

Functionality to search bar

I am working on making a search bar that will filter my site for reports(urls) based on what is typed in. It currently works sort of. It will filter the items b

How to position the image at the side edges of the screen?

I want to place the image at the edges of the page so that it perfectly touches the left and right sides with the edges. that's what it looks like now: https://