JSFiddle - React, Tailwind, and code Playground

by Alexandr Zawgorodniy

HTML

<div class="parent">
	<div class="img">
		<img src="https://cdn.fishki.net/upload/post/2017/11/10/2427796/a-g5mrqsogs.jpg"/>
	</div>
	<div class="text">
  <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore quos dolorem accusamus? Earum illum voluptatum nisi sunt. Sit at placeat libero numquam dolore!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore quos dolorem accusamus? Earum illum voluptatum nisi sunt. Sit at placeat libero numquam dolore!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore quos dolorem accusamus? Earum illum voluptatum nisi sunt. Sit at placeat libero numquam dolore!
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore quos dolorem accusamus? Earum illum voluptatum nisi sunt. Sit at placeat libero numquam dolore!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore quos dolorem accusamus? Earum illum voluptatum nisi sunt. Sit at placeat libero numquam dolore!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur odio libero magnam laborum facilis temporibus dolore...

CSS

.parent {
    display:flex;
    font-size:14px;
    line-height:1.2em;
    overflow:hidden;
    width: 100%;
    outline: 1px solid red;
}
.img {
    width:100%;
    min-width:100%;
    text-align:center
}
.img img {
    max-width:100%;
    min-width: 100%;
}
.text {
    width:100%;
    min-width:100%;
    margin-left:-100%;
}