All Questions
13,927
questions
0
votes
2
answers
14
views
How to use filter on background like background blur or brightness without effecting the text [duplicate]
I am working on a web project and I would like to apply a filter effect, such as background blur or brightness adjustment, to the background of a specific section. However, I want the text within this ...
0
votes
0
answers
5
views
How to position a graphic behind objects and align with the objects in HTML, and have them resize based on screen size?
I am trying to put a graphic behind some text boxes and have all the items center aligned. The basic idea is teh graphic shows a specific area of interest, and teh boxes are used to determine ...
0
votes
2
answers
38
views
Why is flex item not taking up the whole parent height?
My goal is to make a cart. That displays items with it's attributes, name, picture etc.
I got the layout as I desired. However the cart-product-quantity won't take up the whole height. I could set ...
0
votes
1
answer
26
views
Children in flexbox not responding to order and align-self
I am trying to create a responsive island scenescape by overlaying three elements: I would like to place the palm tree on the sand island to the left, and position the text to float in the space to ...
3
votes
0
answers
39
views
Confusion with flexbox child's width [closed]
I have been using flex-box for almost everything for quite some time, but there is still some small things with child sizing that I wasn't able to figure out. I am giving two examples:
.parent {
...
0
votes
0
answers
10
views
Make sure elements break to a new line without gaps [duplicate]
I am adjusting a suggestions box on a website which shows up when using the search function. It can display a maximum of 12 suggestions but depending on the search it can show 1, 2, 3, 4 etc at a time....
1
vote
2
answers
39
views
How does position: sticky work within a flex DIV?
I read a lot about position: sticky in CSS. And I know, it does not work with overflow: hidden and display: flex. But I want to stick a button on top, that is positioned on the right of another ...
0
votes
1
answer
32
views
Flexbox Scrolling Issue
I have a page with an h1 and a p on top, and a div on the bottom.
The div have 2 divs inside, but it isn't allowing me to see the whole thing on mobile. As in it isn't allowing me to scroll.
I do NOT ...
0
votes
0
answers
38
views
child div overflowing from the parent div(flex-box) [closed]
I want to have
A parent div which contains two child divs
(div.parent>div.child1{this is longer content}+div.child2{any content})
i want one child to have width exactly to its content and one child ...
-3
votes
0
answers
23
views
PHP variables changing position of HTML headings [closed]
I'm creating form with choosing buttons:
But when I checked some options all the headings are going up and down:
PHP:
echo '
<div class="flex-container flex-response" id="...
-1
votes
0
answers
17
views
How can I prevent the container from expanding while making the grid boxes shirnk?
I've been trying to code etch-a-sketch like page but I can't make the container's size to be fixed while making the grid boxes insided shrink so they all fit.It works well when there is 16 x 16 grid ...
-2
votes
0
answers
13
views
How do i make it so that the cards are placed below each other than all of them getting stacked [closed]
The cards are stacked together. I want to have it so that after the 4th card, the next one comes below the 1st one and so on. I used flex to get them in a line but do not know how to get them under. ...
0
votes
1
answer
37
views
Grid of same-height items with conditional "banner" outside of item without setting height explicitly
I'm trying to achieve following grid:
HTML structure is following:
.container {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.container > ...
2
votes
2
answers
60
views
The flex item extends beyond the boundaries of the flex container
I have a flex container with the flex-direction set to column.
Let's assume there are two flex items and the second item contains additional containers with text.
I don't want the second flex item to ...
-4
votes
1
answer
42
views
Html flexbox and media query [closed]
flexbox expected size
Please see the above picture. This is a flexbox styled 3 cards in a row. But when i resize to the smaller screens the left and right cards cut off from both sides as shown in ...