All Questions
13,910
questions
1
vote
1
answer
42
views
How to overlap flex items in a fix width?
The final result I want is this and the result I am able to obtained is this.
Basically I want the cards to overlap in a fixed width, when it is overflowing its parent.
And when it is not overflowing, ...
0
votes
0
answers
43
views
CSS Flexbox: Why is my flex item not taking up the full height of its parent container?
I'm trying to create a simple layout using CSS Flexbox, but I'm running into an issue where my flex item is not taking up the full height of its parent container. Here's my code:
.container {
...
1
vote
1
answer
45
views
how to make all elements of side panel the same width in flexbox?
I've been trying to center the left and right panel below the header so that header and those panels are in one line (text from the header is exacly below the text from the lower section from both ...
0
votes
1
answer
50
views
Is there a way to flex field generate by for loops?
This is my code that generates fields using a for loop. I'm expecting the email and phone number fields to be displayed side by side, but instead, they are stacked on top of each other. I believe this ...
0
votes
2
answers
49
views
How do I set my flex correctly on this sign up page
I am currently working on project #6 of the Odin Project and having some minor problems. I am trying to get my project as close to https://cdn.statically.io/gh/TheOdinProject/curriculum/...
0
votes
1
answer
24
views
Position text in div that uses flex
I'm trying to add text in the top right corner of the screen to use it as a menu over a div that is using flex (the section1 div would contain an image irl). However, it keeps staying in the top left ...
0
votes
0
answers
25
views
How can i minimise empty space in a flex box that wraps its content? [closed]
I have a flexbox that is the container for a few child elements that themselves are also flex boxes. The child flex boxes have variable widths and heights due to the different elements within them. ...
0
votes
0
answers
35
views
unable to get consistent layout with tailwind for relative container
I am trying to build a form layout in a NextJS project with tailwind CSS.
here is the CodeSandbox Link for the issue.
After running the code in sandbox, please click the button the view the resulting ...
1
vote
4
answers
60
views
How to float elements from bottom left corner to top right corner
Is there a smart and simple way to float elements from bottom left corner to top right corner?
My solution with display:grid is too static and has fix cols and not more than 10 items. I`m searching ...
-1
votes
1
answer
44
views
What css would display format the html correctly [closed]
My html output should be:
image should be in the left
description in the right
meta in the bottom right under the description
Also image should be 30% of total width and height of image should be ...
2
votes
2
answers
32
views
How to Make Bullet Points Appear When Using display: flex?
I'm having an issue with bullet points not appearing in a list when I use display: flex on the parent element. Here's a simplified example of my code:
ul li {
display: flex;
justify-content: ...
-2
votes
0
answers
23
views
Nested Flexbox: why are my last three buttons this width? [closed]
I am trying to understand how Flexbox works when we nest them.
button {
font-size: 24px;
height: 30px;
width: 100%;
}
<div style= {{ display:'flex', flexDirection: "row"}}>
<...
0
votes
0
answers
34
views
How to add equal vertical space to all h4 tags inside different child div but in same parent div
This is my HTML code :-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="...
0
votes
3
answers
58
views
Content not scrolling
I am attempting to ensure that the content inside the left-content div scrolls when the content exceeds the parent height.
However, for some reason, the scrolling content is exceeding its parent's ...
-1
votes
1
answer
34
views
Data table using CSS Grid and Div elements [closed]
I created a data table using CSS Grid and Div elements. Previously, I used Display Flex, but I had trouble implementing rowspan and colspan with Div elements.
.grid-responsive {
overflow-x: auto;...