Questions tagged [Flexbox] (588)

2
answers

Why Flex items with different length of the text is exactly the same width and height?

Practiced in the layout and came across a couple moment on the flake, which I do not quite understand. 1. Why the Flex items with a different text width is exactly so much space? https://jsfiddle.net/hkz91s0f/1/ 2. Read to make elements the same height, it is necessary for the container and elements set to display: flex. I...
Chanel.Green37 asked March 31st 20 at 14:18
2
answers

How to make Flexbox for IE?

Typeset on flexbox and never checked how it works in IE In all normal browsers, everything works fine and looks the same. It happens that there are differences in desktop and mobile, but always manage to do what you need. What versions of IE and newer browsers MS normally supports flexbox? So that was without crutches and p...
Jeanie.Gleas asked March 31st 20 at 13:59
2
answers

How to mark up items that they filled the parental block from the end?

Friends, please tell me, how to mark up a block, the parent has a fixed HEIGHT, but the width can expand depending on content. The content is images or blocks should line up on the right edge, top to bottom, is filled when a row begins to form the second column, and so on. Don't know how to FLEX that to make up :( help plea...
King_Roberts asked March 30th 20 at 01:11
3
answers

How current is the layout of the Pixel pefect?

Hi, guys. Prompt to the beginner how to date actual layout of pixel pefect? I learn the layout, have different layouts, but most often use the flex box or grid. In this case, the layout is not pixel perfect but has its great advantage in the form of adaptability. so what's today, the demand for coding pixel perfect?
amani.Litt asked March 30th 20 at 01:08
2
answers

Why the block on the Flex doesn't fill the void in the vertical?

parent .store-window-wrapper { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } Item .store-window__it...
fiona_Koe asked March 30th 20 at 01:03
0
answer

How to mark up a menu in flexbox?

Hello! Typeset menu in the header, and the top row consists of two columns. In the left column of the main menu in the right column of the authorization. If I put the left menu flex-wrap: wrap, then when we narrow the screen, the menu items start to migrate. If I put the left menu flex-wrap: nowrap, then left menu starting ...
Rowan_Satterfield asked March 30th 20 at 00:47
2
answers

Why doesn't sticky?

From the sidebar in flexbox indicated position: sticky . This sidebar align-self: flex-starthttps://codepen.io/therelow/pen/NWKexmP
hank_Veum75 asked March 30th 20 at 00:38
1
answer

How to prevent the text to stretch the block?

Good time of day. The pattern I have information about the user, which are displayed in a grid. In my layout grid elements adjust to the largest cell, but is limited to a maximum width (max-width). Each mesh element is two elements: a photo of the user and block information. Photos set to a hard value (70px), and I need al...
Branson asked March 30th 20 at 00:34
0
answer

How to move the form –≤ootstrap4? align-self-end?

<section class="contact"> <div class="container"> <div class="d-flex flex-row md-6"> <div class="d-flex-align-self-start justify-content-start mb-1 "> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item text-uppercase d-flex"><a href="#">home...
Jaylan.Yundt28 asked March 29th 20 at 23:47
2
answers

How to remove distance (Flexbox)?

How can you reduce the distance between the blocks if they are created using Flexbox ?
shayne_Dickens55 asked March 29th 20 at 23:42