All Questions
20,902
questions
0
votes
1
answer
10
views
Uneven spacing between flex items when using flexbox
NavBar.js
import React from "react";
import ReactDOM from 'react-dom';
import ReactDOMServer from 'react-dom/server';
import './NavBar.css';
function NavBar() {
const heading = 'first ...
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 ...
0
votes
2
answers
19
views
Flex container not reaching max width before wrapping children
In this snippet, the inner-left element gets a new item added to it every time the Add Item button is clicked. It has a max-width of 50% of the parent width, however the flex items are being wrapped ...
0
votes
4
answers
52
views
How to break a flex into new row for dynamic data [closed]
I am working on a video calling application using reactjs. LocalTile component contains video of local user and RemoteTiles is returning videos of all remote users. My desired layout is like for 3 ...
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....
0
votes
0
answers
27
views
Navbar list items being disrupted with image [closed]
Need some help on why my links aren't positioned where they should be.
Only the :first-child seems to be aligned where it should.
* {
margin: 0;
padding: 0;
}
body {
min-height: 100vh;
...
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
vote
2
answers
40
views
Why does height:100% work on child div when parent div has no set height [duplicate]
There are many discussions about why height:100% doesn't work when parent div has no set height.But this time I found it weirdly does work with the below codes and i don't know why.
I don't set the ...
-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. ...