How to do so using css?

People like to make such an arrangement of blocks using css? The blue block is in the centre vertically, and green with a shift from blue to 20px5e494ed010bc8799965925.png
April 7th 20 at 15:20
1 answer
April 7th 20 at 15:22
Solution
Something like this
pow
callie_Boehm25 @callie_Boehm25 something I don't understand...instead of align-items-center here you need to use justify-content: center; flex-direction: column;
With before is also cleared. Unless it is not used before the element? A green block is after blue - Yvonne_Schroeder75 commented on April 7th 20 at 15:25
@Justine_Kovacek, no difference
no difference, just before,after, - it is positioned absolute, ie will mess above blue

aligni-items sets the vertical alignment
justify-content horizontally - Jaunita82 commented on April 7th 20 at 15:28
callie_Boehm25 @callie_Boehm25 would be so if the Flex did not do the blocks in lower case. In order to arrange them vertically need flex-direction: column; isn't it? - Yvonne_Schroeder75 commented on April 7th 20 at 15:31
@Justine_Kovacek, Yes. XS
do display:grid
and the same properties specify the container - Jaunita82 commented on April 7th 20 at 15:34
Something like this
pow - Jaunita82 commented on April 7th 20 at 15:37
callie_Boehm25 @callie_Boehm25 dude is cool! Thank you so much) only with a functional problem) - Yvonne_Schroeder75 commented on April 7th 20 at 15:40
callie_Boehm25 @callie_Boehm25 here because of this5e49869d0a5b9889646386.png - Yvonne_Schroeder75 commented on April 7th 20 at 15:43
@Justine_Kovacek, so replace content"blablabla";
in General I would like to see for the beginning of the code, or TZ
because they understand very little on screen that you need - Jaunita82 commented on April 7th 20 at 15:46

Find more questions by tags CSS