JSFiddle - React, Tailwind, and code Playground

HTML

<div class="layout">
    <div class="icons-block">
        <div class="service-logo-block">
            
        </div>
        <div class="category-logo-block">
            <p>Info here</p>
        </div>
    </div>
    <div class="second-column">
        <p>Big content here</p>
        <p>Big content here</p>
        <p>Big content here</p>
        <p>Big content here</p>
        
    </div>
    <div class="third-column">
        <p>Small content here</p>
        
    </div>
    
    <span class="annotation1">fixed text</span>
    <span class="annotation2">fixed text</span>
</div>

CSS

div.layout {
	width: 100%;
	overflow:hidden;
	color: #f3f4f4;
    position: relative;
}

div.layout > div {
	padding-bottom:10000px;
	margin-bottom:-10000px;
	float: left;
	margin-right: 20px;       
}

div.service-logo-block {
	padding: 20px;
	background-color: #52a3cc;
	width: 190px;
	margin-bottom: 20px;
}
div.category-logo-block {
	padding: 20px;
	background-color: #52a3cc;
	padding-bottom:10000px;
	margin-bottom:-10000px;
}    

.second-column {
    width: 300px; 
    background-color: #52a3cc;
    margin-right: 20px;
    position:relative;
}
    
.third-column {
    width: 200px;
    background-color: #52a3cc;
    position:relative;
}
span.annotation1 {
	position: absolute;
	bottom: 5px;
	left: 265px;
}

span.annotation2 {
	position: absolute;
	bottom: 5px;
	left: 585px;
}