i have managed to make the transitions work on the next image of the carousel but the previous one doesn't work. It's a mess

@iamakshay04 the height of the container in Bootstrap is either fixed if you are using the container class or fluid if you are using container-fluid. It will adjust according to the div it contains. If you can show me your code, I may be able to help you further. Use http://www.codeply.com/ to share your code. Usage of Jquery will be helpful too

Are you using bootstrap?

@fazlerocks Here is the code on http://www.bootply.com/71450# How should I make it responsive for screen size of 1280 x 1024 px.

Hi @fazlerocks I tried to upload it on codepen but the CSS doesn't load as I'm using default bootstrap. My issue is that the container and rows are not adjusting with the screen sizes. You can see it here though http://quirktools.com/screenfly/#u=http%3A//azurepublishing.com/fairdeals/test/Test/&w=1280&h=1024 The website is one page so I want each section to cover the height of the screen

What I'm trying to do is that I divided the bootstrap container into two rows. The first row is divided into two columns and the second row is divided into 3 columns which you can see are the About, Services and Projects boxes. Now, the problem arises when I view this layout on my 15" laptop screen. It looks good but when viewed on screen size of 1280 x 1024, the About module is running together. How can I make it so that it doesn't run together on larger screens