All Questions
5,441 questions
0
votes
0
answers
41
views
How to properly use autosized columns and auto-flow in CSS grid?
I have relatively simple markup of up to five elements. Three of the elements are mandatory and always exist, rest are optional.
<div class="container">
<div class="item-1 ...
1
vote
1
answer
33
views
Gallery Overlapping Other DOM Elements - Need Help Fixing Layout
enter image description here
I'm currently working on a project where I have a gallery implemented as a slider (.slider and .slides). However, I'm facing an issue where the gallery is overlapping ...
-1
votes
0
answers
23
views
Page breaks when zooming in
My website is displayed as intended at 100% zoom + when zoomed out. However, a problem occurs once you zoom in. It initially looks fine, but after navigating to the right side of the page, all the ...
-1
votes
4
answers
85
views
How to select an <em> html element that is Not a child of any <p> element? [closed]
/* CSS */
em {font-style: italic; background yellow}
::autonomous-not-child-of-a-p-element-? :: em {font-style:normal; background gray}
Given two situations both using <em> differently, in need ...
0
votes
0
answers
16
views
Stacking / Tiling / Mosaic Flexbox columns with DIV text (not images) done with pure CSS [duplicate]
I've looked everywhere and are struggling for a solution to creating a mosaic layout with CSS only. I'm not even sure mosaic is the right terminology for what I am trying to do ... collapsing tiles, ...
-2
votes
1
answer
27
views
Oracle APEX cards region - reverse cards layout from right to left [closed]
I have two cards regions in one line. Both regions display cards from left to right. For the first region, it's good. But in the second case it starts in the middle of the row and doesn't look good. ...
0
votes
1
answer
64
views
Css subgrid align elements across multiple rows
I'm trying to create a grid of cards where elements (title, content, button) align perfectly across ALL cards, even across different rows. While CSS subgrid works within a single row, I can't get ...
0
votes
0
answers
18
views
how can I design product card responsive with 2 columns and sequencially they besides one another and keep no gap? [duplicate]
I want a responsive product gallery where product will be shown with two columns in mobile view and there will be no gap between product cards as marked in the below image. css float property makes ...
0
votes
0
answers
30
views
Fit text container width to the exact length of the content when wrapping words
I encountered this situation where it seems the width of the text container goes full size if a word-break rule is applied.
<ul class="flex flex-col-reverse space-y-1 space-y-reverse ...
0
votes
0
answers
17
views
SquareSpace Section Auto-Expand to Footer
I am struggling with a SquareSpace page that doesn't have enough content to fill the vertical height, when the browser window width is resized to between 1025px - 1672px wide.
I would like the ...
0
votes
2
answers
41
views
How can I position text over a figure and position and size a box inside a flexbox relative to its container?
I am creating a simple little "Hall of Flags" HTML page that should have a narrow column of flags shown as png images, each inside a CSS picture frame. The CSS frames example here was my ...
1
vote
1
answer
70
views
2D flex layout: row wrap jointly with column shrink
in the first code snippet below I show a layout using flex-flow: row wrap which has desirable layout properties but can exceed the maximum specified height of the container. The second code snippet ...
0
votes
0
answers
15
views
Phantom lines on table when zoom in
Pre-requires: all table borders should be set to 0 or none.
When zoom in via touchpad you can see a background color trought small gaps between table cells.
Example table from Angular Material ...
0
votes
0
answers
30
views
react native - Create a custom curved view (shapes in react native)
I was trying to create a curved layout inside a parent view similar to a tab view with multiple tab. The first view should be curved in a way as shown in the image below. But not able to find out what ...
-2
votes
1
answer
78
views
How to vertically align text and image with the bottom elements in CSS?
I am working on a layout where I have some text on the left side and an image on the right side. Below them, I have three smaller images. I want to align the left text and the right image so that they ...