Behöver lite hjälp angående responsiva webbdesigner!

Det du behöver använda kallas media queries. Finns lite att läsa om dessa här.

CSS media query.

En css kod som säger "Om skärmen är X storlek, ändra dessa element"

ex

.box {
   width: 960px;
}

@media screen and (max-width: 600px) {
  .box {
    width: 768px;
  }
}

Det går att använda media queries till att ändra annat än bara storleken, t.ex på mobil mobiler kanske du viill dölja vissa element:

//vanlig CSS
.mobile-hidden {not hidden}

//innanför query för mobilstorlek
.mobile-hidden {hidden}

Som simowewe säger, dra ner bootstrap och använd det. Mycket bra dokumentation och du sparar massor av timmar, samtidigt som du lär dig hur det fungerar.

Jag tycker personligen att det ofta är bra att ta någonting som är rätt, och sedan utgå ifrån det istället för att återuppfinna hjulet själv, det tar bara massor av tid och blir aldrig lika bra.