22,751 questions
Score of 2
2 answers
118 views
How do I fix HTML search submit button's erroneous position?
The submit button should be sticking to the text input, but it is not positioned properly, and is instead raised and to the right of the text input. I tried to fix the issue, but I'm stumped.
The ...
Score of 0
1 answer
144 views
How to fix the position with html and css flexbox and position?
I had a problem making the correct position for my paragraph element and the div.
(PS: all is in the photos + the CSS code)Sorry for my bad English, it's not so easy to explain
The photos of the ...
Best practices
0
votes
4
replies
118
views
how to add gaps around some of the columns of a grid in css
So, I want to add gap around the elements or columns of my grid. One way to do so is to add gap in the grid and all the columns and rows (boxes) will have the space in between them. But I require to ...
Score of 0
1 answer
117 views
Flexbox individual items not centred [closed]
I have an animated flexbox whereby any item you're pointing at gets more space. This does happen, except the item only gets space to its right rather than on both sides. Also, the flex-grow ratio is 2:...
Score of 0
0 answers
25 views
CSS grid that auto fits children and respects their min/max width [duplicate]
I have child elements that have min-width and max-width baked in. I want to define a grid parent that would put as many of those children as it can before wrapping to the next line, while respecting ...
Advice
0
votes
2
replies
72
views
how to sitting 2div for flag
I am learning HTML and CSS.
I created a blue background div with a fixed width and height.
Now I want to place another div inside the background and align it correctly in the center.
However, the ...
Score of 0
1 answer
106 views
Why is "flex" property not sizing the children elements proportionally?
My expectation: The .lower-card height should be 70px and .upper-card height to be 140px (because flex is set to 1 and 2 respectively and total height is 210px).
Reality: Problem is that my padding is ...
Score of 0
1 answer
83 views
'overflow-y: auto' on a flex child with 'height: 100vh' doesn't scroll in Safari - rubber-band only
I have a three-column portfolio layout. Each column is a flex child of a full-height flex row and should scroll independently. It works perfectly in Chrome but in Safari the columns only show rubber-...
Score of 2
2 answers
138 views
CSS Flexbox not behaving as intended
Below you will find a test example of what I try to accomplish.
It's a 'template', to use in different situations, a modal.
When used with small contents, it should be a small 'box' in the center of ...
Score of 1
3 answers
134 views
Flexbox CSS not stacking?
I'm currently having a problem where, every time I view my website on a phone, the items of the CSS flexbox squeeze together and become smaller instead of stacking on top of each other.
While previews ...
Score of 0
2 answers
65 views
Flex child with flex applied not taking the available space/content width
I'm creating a simple nested flex structure with a .wrapper (green border) that will contain 1+ .group (red border).
Flex has been applied to .wrapper so that .groups stack horizontally.
.group has ...
Score of 1
3 answers
109 views
Extra space in divs after using display:flex;
I'm currently having a problem where, despite there not being any content present within the div other than the text, there's a lot of whitespace that envelops it and causes the div to grow to take up ...
Score of 0
0 answers
39 views
How do I remove extra space used by list-style? [duplicate]
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-...
Score of -3
2 answers
121 views
<Header> despite being outside of <body> is still stuck in <body> [duplicate]
I'm currently playing around with making a little portfolio site for fun. I have experience with coding in html and have made a blog site prototype in the past with a softly similar structure: Header ...
Score of -2
2 answers
125 views
How to stop middle "content" flex div from overwriting footer [closed]
EDIT 1
C3Roes's fiddle is exactly what I want to achieve. Unfortunately for me the content DIV continues to the 100vh limit and does not stop at the footer. The content DIV continues under the footer ...