The code is linked below with JSFiddle.
The problem was when I decrease the screen size the div blocks should be in the same line with decreased width instead they are going one below the other. (once check it by increasing the screen width).
The other one I want to highlight is that the code for showing read more option for text/paragraph when we decrease the block size. That is when we click on read more the block size should increase and show the remaining text. It would be very helpful if someone suggests code for this.
The code is
.center{
float: none;
padding:0px;
margin-left: auto;
margin-right: auto;
}
div.allign{
height:170px;
margin:15px;
text-align:center;
}
div.content{
height:200px;
background-color:#fff;
background-color:#F4F1EE;
}
Get Started
How it works?
It's very easy and simple,just sign up for free and get started with your account.
It's easy to reserve or cancel a book from anywhere.
About library
location,Directions,Books info...
Total books:1124
journals:130
.
No text books?
Dont worry here we go...
Reserve your books from online by just one click.
Read online/offline by downloading pdf files.
Click here for a JSFiddle example
https://jsfiddle.net/nvpqfxbj/6/
Thanks in advance.