Yes, it's confusing at first and takes some time to understand all the moving parts. You may already know this, but I'll walk through it anyway.

MVC = Model-View-Controller. Model is the data. View is what the customer sees. Controller handles getting data from the user into the controller and vice-versa.

On the server, you can use any number of technologies to make this work, C#, Ruby on Rails, etc.

Once you get to the browser, you're limited to three things: HTML, CSS, JavaScript.
HTML is used to define what is displayed
CSS is used to define how it's displayed (fonts, colors, screen location, etc)
JavaScript handles behavior. It's the only programming language supported by browsers

JQuery is nothing more than javascript, but it simplifies many things and handles many differences across browsers so you don't have to deal with it.

When working with CSS, it's easier to use a CSS Framework. Bootstrap is one of the more popular frameworks. Bootstrap 3 is very good at handling different sized screens and resizing screens, either by moving things around or hiding them completely. Bootstrap splits the page into 12 columns. You can specify that things span multiple columns, etc. You can use this to accomplish what you want, keeping in mind that it will move if the screen isn't wide enough.


>Ok thanks Craig there appears to be so many parts to all this, I started off playing with ASP then MVC and I now find myself in a whole new world of css,jquery....