Questions tagged [Flexbox] (588)

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

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

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

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?

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

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

From the sidebar in flexbox indicated position: sticky . This sidebar align-self: flex-starthttps://codepen.io/therelow/pen/NWKexmP

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

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

How can you reduce the distance between the blocks if they are created using Flexbox ?