JSFiddle - React, Tailwind, and code Playground

by Manuel Castro

HTML

<div id="house">
    <div class="room"></div>
    <div class="room"></div>
    <div class="room"></div>
    <div id="hola" class="room"></div>
    <div class="room"></div>
</div>

CSS

#house {
  background-color:purple;
  width:500px;
  margin:auto;
}
.room {
    width:100px;
    background-color:peru;
    display: inline-block;
    vertical-align: top;
    margin-right:-4px;
    /*margin: 0px;*/
    transition:.5s;
    /*transition:1s ease-in-out all;*/
}
.room {
   height:100px;
}
.room:hover{
  height: 150px;
}
#hola {
  //height: 150px;
}

JavaScript

console.log($('#hola').height());