I have two flex containers in a row, one with flex-start, the other with flex-end, and both containers are in one wrapping div set to flex. With 100% width set on each one, they both stick to the end of…
I have a problem too layout elements in a box on my website... I want to build a 900x900px size box and put items in there, and when I reach the height limit of 900, then it will be split…
I have an issue here, I'm trying to place an box to the right side of the website and I don't know why it is not working, I tried justify-content: flex-end; to flush the box at the "end" of the…
How to remove the spaces dashed in red (see image below)? The grid would just resize while keeping children aspect ratio. The lines of code provided are part of another complex code, I would like to keep the #container element…
I have a set of elements that make up a menu: .standardText { font-family: Brutel-Thin; color: aliceblue; letter-spacing: 3px; font-size: 25px; } .linksContainer { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; width: 100%; } .menuLink { display: flex; flex-direction:…
How do I build the example shown in the image below with flexbox? I don't know enough about flexbox to get the following design to work. Please help. <div class="container"> <div class="flex-1"></div> <div class="flex-2"></div> <div class="flex-3"></div> <div class="flex-4"></div> </div> .container…
I'm making the header of my website and decided to use hr between navigation links instead of border property since I didn't wanna get into nth child pseudo. Navigation links and logo wrapper are aligned in the center and I…
This is the code: .container { display: flex; flex-wrap: wrap; width: 400px; height: 400px; background-color: antiquewhite; } .first { width: 200px; background-color: aquamarine; } .second { width: 200px; background-color: rgb(122, 88, 177); } .third { width: 200px; height: 200px; background-color:…
In these divs: <div class="col-6 col-md-4 col-lg-3 col-xl-2 my-3"> <a href="#" title="Falazóhabarcs" class="main_category d-flex justify-content-between align-items-center radius p-3"> <div> <i class="fa fa-th-list me-2"></i>Gépi alapvakolat </div> <div> <i class="fa fa-chevron-right"></i> </div> </a> </div> How can i align the text correctly center,…
I have a sidebar menu which has an indicator that shows the button which is selected. The result I was expecting was that the indicator moved but the li elements wouldn't. But turns out they both move. I know the…