JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containerOutterWrapper">
<div id="containerInnerWrapper">
<div id="container">
     <div id="contentOutterWrapper">
     <div id="contentInnerWrapper">
     <div id="content">
         From Wikipedia, the free encyclopedia
For the Champions Indoor Football franchise, see Texas Revolution (indoor football).
Texas Revolution
Campaigns of the Texas Revolution.jpg
The campaigns of the Texas Revolution
Date	October 2, 1835 – April 21, 1836
(6 months, 2 weeks and 5 days)
Location	Texas
Result	Treaties of Velasco and the creation of the Republic of Texas
Territorial
changes	De facto Texas independence from Mexico, which led to the Mexican Cession
Belligerents
Republic of Texas	Mexico Mexico
Commanders and leaders
Sam Houston (WIA)
James Fannin †
Frank W. Johnson
Edward Burleson
Stephen F. Austin	Antonio López de Santa Anna (POW)
Vicente Filisola
Martín Perfecto de Cos (POW)
Strength
c. 2,000	c. 6,500
Casualties and losses
700 dead, 100 wounded	1,000 dead, 500 wounded
[show] v t e
Texas Revolution
Part of a series on the
History of Mexico
Coat of arms of Mexico.svg
Pre-Columbian
Spanish rule[show]
First Republic[hide]
Centralist Republic
Texas Revolution
Pastry War
Mexican–American War
Second Federal Republic[show]
1864–1928[show]
Modern[show]
Timeline
Portal icon Mexico portal
v t e
The Texas Revolution (October 2, 1835 – April 21, 1836) began when colonists (primarily from the United States) in the Mexican province of Texas rebelled against the increasingly centralist Mexican government. After a decade of political and cultural clashes between the Mexican government and the increasingly large population of American settlers in Texas, hostilities erupted in October 1835. Texians (English-speaking settlers) disagreed on whether the ultimate goal was independence or a return to the Mexican Constitution of 1824. While delegates at the Consultation (provisional government) debated the war's motives, Texians and a flood of volunteers from the United States defeated...

CSS

*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
#containerOutterWrapper{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}

#containerInnerWrapper{
    position:relative;
    display:block;
    width:100%;
    height:100%;
}

#container{
    position:absolute;
    display:block;
    width:100%;
    height:auto;
    background:#EEEEEE;  
    border:1px solid red;
}

#contentOutterWrapper{
    position:relative;
    display:inline-block;
    width:50%;
    height:auto;
    float:left;
    border:1px solid green;
}
#contentInnerWrapper{
    position:relative;
    padding:4px;
}

#content{
    position:relative;
    border:1px solid blue;
}

#sidebarOutterWrapper{
    position:absolute;
    display:inline-block;
    width:50%;
    height:100%;
    float:right;
    border:1px solid green;
}

#sidebarInnerWrapper{
    position:relative;
    padding:4px;
    height: 100%
}

#sidebar{
    position:relative;
    border:1px solid blue;
    height: 100%
}