22,761 questions
0
votes
1
answer
69
views
html css navigation top bar "wrapping up" [closed]
I like to have top bar navigation with multiple items in it and user name at the end, in one line
But when screen is smaller pop up user name above navigation
In wide screen something like this
[item1]...
- 45
-2
votes
1
answer
52
views
Flexbox on text not wrapping to new line [closed]
I'am having troubles to add a flexbox with text that wrap when width is not enough large.
For example, on large page :
Red Blue
And on small webpage
Red
Blue
Actually :
A horizontal slider is added,...
- 1
0
votes
1
answer
62
views
Can CSS flexbox change justify-content without media query?
I have a div that that has a left aligned div and a right aligned div, each on the same line. This uses display: flex with a column-gap: 1em and justify-content: space-between. I've set flex-wrap: ...
- 206
-3
votes
0
answers
62
views
I can't figure out what I'm doing wrong [closed]
The layout is kind of what I'm aiming for however the second paragraph isn't lining up right. the second section should be the exact opposite of the first section; however, the paragraph is to the top ...
1
vote
1
answer
53
views
Flexbox children taller than content - flex wrap bug with table header [closed]
Flexbox children are taller than their content if set to flex-wrap: wrap and containing a table header that could wrap. Is this a Chrome rendering bug or am I just crazy?
These all seem to fix the ...
0
votes
1
answer
69
views
keeping text inside of a text box
I am very very new to coding. Right now, I am having issues with keeping the text within a text box when I want 2 different size boxes stacked on top of each other.
I need the text to remain inside ...
- 11
3
votes
2
answers
83
views
CSS Flexbox no wrap with padding preserved
The following is a css flex box inside a scroll container. The scroll container has left and right padding however with flex-wrap set to no-wrap, padding-right is ignored. This is presumably because ...
- 20.6k
1
vote
1
answer
115
views
How to make a child fill 100% height for a "full-screen" scroll effect, inside a dynamic flexbox container?
I am trying to build a page layout with a standard structure: a Header, a Footer, and a main content area that fills the available vertical space.
The Goal
Inside the main content area, I want to ...
1
vote
2
answers
97
views
Making the text in middle of two text boxes align in the middle
I want to align a text, "OR", in middle of two text boxes. I am using bootstrap and trying to put "OR" in between of two text boxes like so:
<div class="form-group row">
...
- 797
0
votes
1
answer
40
views
How to make collapsible element expand downward while using flexbox and margin: auto [duplicate]
I have a flex layout with some child elements:
var coll = document.getElementsByClassName('collapsible-controller');
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener('click', ...
- 103
0
votes
0
answers
29
views
React Native: How to keep footer buttons pinned above SafeArea + fixed padding while parent container height is dynamic?
I’m working on a React Native layout where:
The parent container’s height changes dynamically (based on user settings or API values).
Inside the parent, I need to keep some content at the top and a ...
1
vote
1
answer
93
views
Is there a way to make my tabs appear 4 in a row for large screens, 3 in a row for medium screens, and stack atop each other for small screens? [closed]
I am using Tailwind CSS in my PHP/HTML project, so the only solution I'm looking for is tailwind. I got the tabs to sit side by side, but unfortunately, when I test on small screens, they still sit ...
2
votes
0
answers
117
views
Is it possible to do this in CSS Grid / Flexbox? [closed]
So I have a parent with divs inside.
I want each div to be a column (amount of columns can be changed by the user).
I want each div to take as much space as possible until it hits a width of 15rem for ...
- 89
1
vote
0
answers
90
views
Which layout changes cause an input field to close its modal?
If the layout of an <input type="date"> element changes while its modal (the "datepicker") is open, this can in certain circumstances cause the modal to be closed.
The ...
- 18.2k
0
votes
0
answers
25
views
How to size a parent div based on some of its children [duplicate]
I have a div that contains multiple other divs, for 2 of those I want to make sure that the parent div is at least as wide as those child divs, for the third I want it to scroll if it gets too big.
I ...
- 1