JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <title>Lorum Ipsum</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>

<body>
    <div id="container">
    
        <div id="search">
            search <input id="searchField" type="text" name="search" value="roussenau" />        
        </div>
        
        <div id="home">
            home
        </div>
        
        <div id="foundInfo">
            4 Entrie(s)
        </div>
        
        <div id="entries">
        
            <div class="entrie">
                <img class="entrieImage" src="images/img01.png"/>
                
                <div class="entrieInfo">
                    <div class="band">Green</div>
                    <div class="album">...</div>
                    <div class="label">ATCO</div>
                    <div class="year">1966</div>
                    -
                    <div class="tags">rousseau, green, woodsy, band photo, 12IN, tree, civilization, Atco, 1960's, Fuzz
                    </div>
                </div>
                
            </div>
            
            
            <div class="entrie">
                <img class="entrieImage" src="images/img02.png"/>
                
                <div class="entrieInfo">
                    <div class="band">Kids for Cash</div>
                    <div class="album">No More Walls E.P.</div>
                    <div class="label">...</div>
                    <div class="year">1986</div>
                    <p>-</p>
                    <div class="tags">rousseau, green, woodsy, band photo, 12IN, tree, civilization, Atco, 1960's, Fuzz
                    </div>
                </div>
                
            </div>
            
                    
            <div class="entrie">
                <img class="entrieImage" src="images/img03.png"/>
                
                <div...

CSS

body {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: "Helvetica";
    font-size: 20px;
}

/* contains search + searchfield*/
#search {
    position: fixed;
    top: 100px;
    left: 10px;
    z-index: 99;
}

/*the yellow search input */
#searchField {
    border: 0;
    padding: 5px;
    margin: 5px;
    background: #f0a600;
    height: 18px;
}

/* the home button in the left bottom corner */
#home {
    position: fixed;
    left: 10px;
    bottom: 25px;
    text-decoration: underline;
}

/* contains all entries */
#entries {
    position: fixed;
    left: 150px;
    top: 110px;
}


.entrie {
    float: left;
    margin-bottom: 40px;
    position: relative;
}

.entrieInfo {
    width: 200px;
    float: left;
    margin-left: 10px;
    margin-right: -45px;
    position: relative;
    z-index: 2;
    
}

.entrieImage {
    /* if you only set the width then the height will be set automaticly proportional*/
    width: 300px;
    height: 300px;
    float: left;
    position: relative;
    z-index: 1;
    background: red;
}

.tags {
    font-size: 10px;
}

#foundInfo {
    position: fixed;
    left: 460px;
    top: 30px;
    font-size: 10px;
}

#addEntrie input, textarea {
    background: #f0a600;
    width: 500px;
    border: 0px;
}