How to make the mobile design responsive?

I have change my homepage design as you can see. but in mobile, the design does not appear correctly.

Add 

height: auto;
max-width: 100%;

to your img { tag.

Hello Harshit ! 
Please try out this solution: add the following code to the Header Code (Dashboard > Customize > General Setting)

 <style>
@media (max-width: 480px) {
.home .site-content .content-inner .has-thumbnail .post-inner {
     margin-left: 0px;
}
.home .site-content .content-inner .entry-thumbnail {
     margin-left: 10px;
     float: none;
}
}
</style>

Hope this helps !  

Hi Harshit,
To resolve this issue please add the following code to the Header Code (Dashboard > Customize > General Setting)

 <style>
@media(max-width: 767px) {
 .home .site-content .content-inner .hentry:first-child {
 margin-top: 0; 
 }
 .home .site-content .content-inner .entry-thumbnail {
 float: none;
 margin: 0 0 10px;
 }
 .home .site-content .content-inner .entry-thumbnail img {
 width: 100%
 }
 .home .site-content .content-inner .has-thumbnail .post-inner {
 margin: 0;
 } 
}
</style>

 Note: Remove following code in Header Code

 <style>
@media (max-width: 480px) {
.home .site-content .content-inner .has-thumbnail .post-inner {
     margin-left: 0px;
}
.home .site-content .content-inner .entry-thumbnail {
     margin-left: 10px;
     float: none;
}
}
</style>

Hope this helps !