A
A
Arman2018-09-27 18:35:45
css
Arman, 2018-09-27 18:35:45

How to assemble such a grid using flex?

Task: there are vertical blocks that should take up 60-70%, some of them should take up 30-40%, be on the right and should "get out of the flow", i.e. the trace block should not know anything about this block.
I did this: https://codepen.io/anon/pen/OBLdvE
Everything seems to be working here, but I can't "get out of the stream". those. 3333 should go immediately after 1111, and 2222 on their own.
It is advisable to do with only css, leave the layout as is

Answer the question

In order to leave comments, you need to log in

1 answer(s)
F
Flying, 2018-09-27
@Flying

Alternatively, just use absolute positioning:

.flex > .right {
  flex-basis: 32%;
  position: absolute;
  width: 32%;
  right: 0;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question