Why is my code not working i want to expand middle box to right and bottom both at one moment

Question

https://code.sololearn.com/W8C94xwAkhVP/?ref=app

Answer 1

So you will have to target the .h class
So put your animate CSS into .h{
animation: ;
}

Since your block is 100x100px your keyframe starting point should be 100x100px
And your end point should be double that.
200x200px

@keyframes i {

  from {

    width: 100px;

    height: 100px;

  }

  to {

    width: 200px;

    height: 200px;

  }

Answer 2

.i{
background-color:yellow;
height:50px;
width:50px;

/* animation code is supposed to be inside the curly brackets */
animation-name:i;
...
}

Answer 3

Thanks sir

Answer 4

Expand middle box to the right and bottom at the same time.
https://code.sololearn.com/W8hYTp1KZga0/?ref=app