CSS - Страница 901

I'm working on a web page where I have a row of cards, each containing an image and a title. Currently, I'm using the Bootstrap grid system to display 4 cards per row on larger screens (col-md-2), and I want to adjust this to show 2 cards per row on...

Preconditions: I am limited to old browsers (around Chrome 25), which do not support a lot of CSS features. Also, the table structure with 3 columns needs to remain, and the first column should not take more space, than it needs.

Goal: I have an...

I'm trying to make my NextJS 14 app router application scale down on any device less than 500px width, as I'm making my app responsive down to 500px wide and anything below that I want it to scale down, previously I've used min-width: 500px; in the...

I created this image gallery using column-count and it works great in Chrome and most other browsers. But in Safari there is this weird bug: the image container starts at the previews column end and spans to the start of the next column. But the...

I have this code:

import styles from ../styles/dragdrop.module.css ; (...) return ( ); After building the project with vite, the code looks like this:

(the CSS classname has changed from dragDrop to _dragDrop_d8kak_45 ).

But I'm using CSS...

I have noticed that buttons and other elements have a default styling and behave in 3 steps: normal view, hover/focus view and mousedown/click view, in CSS I can change the styling of normal view and hover view like this:

button{ background:#333;...

Picture of app

I'm making this project for my bootcamp, I'm struggling with moving this + button to the bottom right of this container, my project has this container to simulate a phone screen, I have a sub-content box for it and everything, but...

I'm using spatialNavigation for focusing the element as below code

in index.html

window.addEventListener('load', function () { // Initialize SpatialNavigation.init(); // Define navigable elements (anchors and elements with focusable class)....

I have the following code, which displays a header with in each page of my website:

#header { display: flex; justify-content: space-between; align-items: center; background-color: burlywood; color: beige; border-style: groove; } #register {...

We are trying to make a Custom Element app with a custom font. We are using the @font-face property but when we check, the default font, Times New Roman, is displayed.

This is the part of the code that has the styling:

const template =...

enter link description here I want to recreate this type of animation. how can i implement this?

this is what i got to know until now that each letter is in a span. and then its animated to its new position.

'use client' import React, {...

I've seen a bunch of similar looking questions and went through them all, but none of the solutions seem to work for my problem.

I have a main grid and a bunch of sections within it. One contains the visual result - an image (with a filter...

How do I change the default down arrow dropdown icon of Bootstrap Navbar?enter image description here

In the image above, I have displayed the arrow in red box.

Thank you for your help.

Pratik

I tried searching for appropriate CSS class that...

I have a sprite image which is a contian of two images. But they are always bigger than the container, I want to fix/put them inside the parent container. How can I fit images without increasing parent size?

HTML:

CSS:...

I am trying to create another section and apply a CSS that is in assets folder. But when I put the {{ 'style-section-block.css' | asset_url | stylesheet_tag }} to the page that I want to apply the CSS to, it affects the other sections as well even...

I have a simple 4 column grid where I want most of the content to fall within the named column area in the middle.

Is it possible to adjust the column span of a grid item so that they take 1fr and line up in a row, but still only within the...

I've run into this issue with TailwindCSS (version 3.2.4) group-hover where group hovering elements with SVG children only seems to work on the first element, and not the remaining elements.

I've created an example on the TailwindCSS playground...

I want to print label in a Laravel view with data which is coming dynamically. I want to use LabelWriter 450 for this purpose

width: 89mm; height: 41mm;

How can i do that?

I tried the following code but it opens full page for printing, not...

How do I position a div in the upper left hand corner of the viewport using CSS only?

I know the following doesn't work, since it will not put the element in the top left corner if ancestors of the element have margins and padding:

.topleft {...

I am using bootstrap 4 and i have a list of items that i display like this :

... In my desktop view with Google Chrome i can see 3 items by row but the problem is there is no space between columns. so i add a class item-wr

.item-wr { margin:...

For my exam software, when the user starts an exam via javascript, they are already in a window where the HTML oncontextmenu= return false >

Источник:

My problem is that I have a page and there is a background image, but I would like to make the page larger so that I can continue working with a white, empty background after the background image. Code HTML:

Pizza&Pasta Lina Pizza&Pasta Lina Home...

I am just starting with CSS and was reading about text-align:center; property.

I have a doubt about text-align:center; property. This property center the text inside its parent containing element or inside its box model.

For example:

XYZ...

I want to align my View button to end of my box, but i couldnt found anyway

.filmbox { overflow:hidden; border-color:rgb(0, 0, 0); background-color:rgb(36, 36, 36); width:180px; height:413px; margin-right:10px; display:inline-block; } .filminfo{...

I have a problem with CSS and Thymeleaf.

In my Spring boot app, I have this structure:
src/main/resource/static/css (for css files) src/main/resource/static/templates (for html file)
Now, with my html page named ErrorPage and css file named...