Responsive coffee

by pragya91

HTML

<div class="container">
    <div class="article" id="article1">
        <div class="img_holder">
            <img src="http://lcountrymarket.com/wp-content/uploads/2014/08/tea.jpg" alt=""></img>
        </div>
        <div class="content_holder">The traditional method of making or brewing a cup of tea is to place loose tea leaves, either directly or in a tea infuser, into a tea pot or teacup and pour freshly boiled water over the leaves. After a few minutes, the leaves are usually removed, either by removing the infuser or by filtering the tea with a strainer while serving. The strength of the tea should be varied by changing the amount of tea leaves used, not by changing the steeping time.
Most green teas should be allowed to steep for about two or three minutes, although some types of tea require as much as ten minutes, and others as little as 30 seconds.</div>
    </div>
    
    <div class="article" id="article1">
        <div class="img_holder">
            <img src="http://wooderice.com/wp-content/uploads/2014/06/coffee.jpg" alt=""></img>
        </div>
        <div class="content_holder">Do you smell it? Can you taste it? For some people, that unmistakable smell and delectable taste are the main reasons to pry themselves out of bed each morning. What is it? It’s the eye-opening and mouth-watering beverage that’s consumed by an estimated 100 million Americans on a daily basis and it comes from a simple bean – coffee. But, aside from the caffeinated beverage’s eye-opening abilities and addictive flavor, there are many other hidden benefits and we’ve compiled a list of arguably the six best reasons you should be consuming coffee.</div>
    </div>
</div>

CSS

.container
{
    width:100%;
    height:100%;
}

.img_holder
{
    display: inline-block;
 max-width: 100%;   
 height: 100%;
}

.content_holder
{
    display: inline-block;
    //visibility:hidden;
    width: 100%;
}