Hjälp med att anpassa hemsida så den blir responsiv

Tjena!

Blev nyligen klar med Webbutveckling 1 men jag hade tänkt att "studera" vidare på egen hand för att lära mig mer. Vi har bara lärt oss dom absoluta grunderna. Så jag vet ungefär hur man gör en fungerade hemsida, mitt största problem just nu är att allt är satt på en viss width osv. Så om jag skulle öppna hemsidan på en annan dator med större/mindre res på skärmen kommer hela hemsidan see skit ut.

Jag vill börja att anpassa mina gamla hemsidor som vi fick i uppgifter under året. Jag har dock inte möjligheten att posta mig källkod här då samma uppgifter används varje år och eleverna jag vet att läraren ibland rekommenderar SweC som hjälp när man har fastnat. Men om någon kan tänka sig att läsa igenom min kod på en eller 2 hemsidor jag har skapat så skulle det uppskatas enormt att få lite tips vad jag gör fel/kan göra bättre.

Iom att jag inte kan posta min kod så får jag väll försöka beskriva mitt största problem som jag vill fixa. I min css har jag satt width och height på alla olika "lådor" vilket leder till att hemsidan blir "statisk"(i brist av bättre ord). tex så är main kanske 1600x1200 eller dylikt och det är det även om jag ändrar storleken på min webbläsare eller zoomar in/ut med hjälp av webbläsaren. Hur kan jag bestämma bredden på en låda om jag vill att den ska vara x px bred när jag är på en 1920x1080 och minskar med x% när jag öppnar hemsidan på en 1680x1050 skärm?

Mvh Patric!