Question

I’ve never done this before. The website I have just built is the second one I have ever built. There is a main container div and a header. I noticed that this simple html/css and js site looks terrible on mobile devices.

When it comes to making the site fluid are there any rules or approaches to make it quick and easy? If I just start changing all set pixel widths to percentages will the elements lose thir alignment in relation to each other? For example, the image in the main image slider is aligned, using pixels, based upon the position of the logo in the header.

Before I get started any pointers would be most appreciated. Here is the site: http://www.hauswoods.com

Answer 1

if you want your website to be fluid just use percentage instead of pixels.

.classname{
    width: 80%;
}