Skip to main content
The 2026 Annual Developer Survey is live— take the Survey today!
Score of 2
2 answers
118 views

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

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

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

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

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

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

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

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

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

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

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

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

<!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

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

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 ...

15 30 50 per page
1
2 3 4 5
1517