In this excercise i expect to put header h2 on the same vertical line with the first card from left. each card is a flex item width width 160px in a flex contai
Help me please to create block like on screenshot: Now I created 2 rows and has some problem. I don't know how to delete distance between rows. Need to make it
I didn't find any equivalent in order to animate flexbox, in particular when elements are wrapped and jump to the next line. Thank you
I am building an application which uses react native on expo dev. I am trying to add a button in the top left corner which is adjacent to some text o the right
The "red" div (seen in the image) is in the "head" div. I'm using flexbox to positioning simply like that: #head { display: flex; justify-content: center;
how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h
I have a sidebar that is set to flex with direction column. I am trying to get my menu ul to be vertically centered, and my .logo-container to be on the top of
I have attempted all solutions I could find. flex-grow, flex-shrink, align-items:flex-start, flex-basis, and setting a definitive width:50%, etc. and I can't se
I have a div element whose children are Bootstrap rows, and am trying to float an element to the right of these (as a sibling element to one of the rows). The i
I am making a website for a client of mine, but I have a problem. I want 3 buttons with text pop up but they won't center. When I checked the inspector I could
so Iam using FlowType.JS it works and the text become I mean the the text become responsive. but if I wrote display: flex; or width: fit-content; the FlowType.J
I have a section with 2 columns pulled to center in flexbox, but for whatever reason the container doesn't wrap itself around them horizontally and instead fill
I want to align the social media icon on the right in the center of the navigation bar along with the navigation link and logo. I'm trying to do something like
Here is the code :) <div> <div class="w-full m-4 rounded-xl flex flex-wrap shadow-md border-2 place-self-center"> <div class="flex flex-1"&
There is a good chance someone has asked this question already, but I can't seem to figure out the right keywords to find the answer. I want my first element in
I have an overlay element, the overlay element is a flexbox container, there is only one item which is centered, so there is space around it. If someone clicks
Hey! Thanks for reading! I've got a web-app login screen. I'm focusing on creating a responsive app-like login page. (no scroll etc) Issue description: With a v
I am wanting to create a grid layout with responsive squares. I feel like I should be able to do this with CSS Grid layout but having trouble setting the heigh
I am just learning Material UI with react. Starting with V5. I have a basic 12 column grid just to learn this. The spacing is just not working properly. It is j
I'm struggling to make overflow-y works within flex. <div class="flex h-full flex-col"> <mark class="bg-red-900 p-2 font-semibold t