JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <img src="some_relative_image.png"/>
</div>
<div class="info">
    Here lies some cool details about the item selected.
    Have your JS code put this DIV block right after the selected DIV block in code.
    You will notice that no matter how much you change the width of the browser,
    this block always remains under the selected item as long as your JavaScript
    put this code block directly after the selected item. 
</div>
<div class="item">
    <img src="some_relative_image.png"/>
</div>
<div class="info">
    Here lies some cool details about the item selected.
    Have your JS code put this DIV block right after the selected DIV block in code.
    You will notice that no matter how much you change the width of the browser,
    this block always remains under the selected item as long as your JavaScript
    put this code block directly after the selected item. 
</div>
<div class="item">
    <img src="some_relative_image.png"/>
</div>
<div class="info">
    Here lies some cool details about the item selected.
    Have your JS code put this DIV block right after the selected DIV block in code.
    You will notice that no matter how much you change the width of the browser,
    this block always remains under the selected item as long as your JavaScript
    put this code block directly after the selected item. 
</div>
<div class="item">
    <img src="some_relative_image.png"/>
</div>
<div class="info">
    Here lies some cool details about the item selected.
    Have your JS code put this DIV block right after the selected DIV block in code.
    You will notice that no matter how much you change the width of the browser,
    this block always remains under the selected item as long as your JavaScript
    put this code block directly after the selected item. 
</div>
<div class="item">
    <img src="some_relative_image.png"/>
</div>
<div class="info">
    Here lies some cool details about the item selected.
    Have your JS code put this...

CSS

div.item
{
    background-color: blue;
    border: red 5px solid;
    display: inline-block;
    height: 200px;
    width: 200px;
}

div.info
{
    background-color: grey;
    float: left;
    clear: both;
    width: 100%;
    height: 200px;
    display: none;
}

JavaScript

$("div.item").click(function (){
    $("div.info").css("display", "none");
    $(this).find("+ div.info").css("display", "block"); 
});