How to perform this effect with css?

5e4b90240c830746037719.jpeg

You need to do here is a slant in one of the sections of the site, not don't do. Tell me where to look or how to implement it? Just starting to try make-up and I got stuck at this point.
April 7th 20 at 15:37
4 answers
April 7th 20 at 15:39
Solution
empty code( - Antonina85 commented on April 7th 20 at 15:42
@Carson88corrected. - elnora commented on April 7th 20 at 15:45
April 7th 20 at 15:41
Solution
Another option
April 7th 20 at 15:43
Solution
clip-path + media query for adaptability.



With a width of 1000px - block becomes vertical, because the text inside can be a lot and therefore sloping block will look ugly, if the height of the unit will begin to increase. But if the width is above 1000px - unit course horizontal, and the block image includes the effect of the cut, but in vertical mode it is disabled, the media request.
April 7th 20 at 15:45
You have 2 units.
Left under the text right under the picture.
Flexane them, and the picture just put what it in the layout.
https://codepen.io/keshawn.Wehner/pen/RwPRGNe - here is one using after.
It's wrong - leopoldo_Abshire commented on April 7th 20 at 15:48
@Dejah, why? - margaret.Weimann56 commented on April 7th 20 at 15:51
@keshawn.Wehner, because he would not expand as needed on the number of text inside. - leopoldo_Abshire commented on April 7th 20 at 15:54

Find more questions by tags CSSHTMLLayout