Website mobiele versie werkt niet goed

Status
Niet open voor verdere reacties.

Titan1655

Gebruiker
Lid geworden
11 mei 2015
Berichten
55
Beste forumleden

Ik heb een website gemaakt (deel gebaseerd op een tut, deels zelf gemaakt).
Nu werkt de website best goed, en is het responsive op desktop. Maar op mobiel is het niet helemaal wat ik wil.
Hieronder zie wat ik bedoel:


Dit is de desktop versie, en het werkt perfect: VrCWG.png.

Hier zie je ook de desktop versie maar nu is mijn browser verkleint, de website past zich hierdoor perfect aan: joonk.png

Hier zie de mobiele versie, die is zoals je ziet hetzelfde als de desktop versie wanneer de browser verkleint is maar alles is veel kleiner: xFyp8.jpg

Mijn probleem nu met de mobiele versie is, dat alles er zo klein uitziet. Hoe kan ik ervoor zorgen dat alles groot genoeg is op een mobiele versie zodat het beter geschikt is voor een smartphone bijvoorbeeld?
Hier is de source code: https://drive.google.com/file/d/0B8POOYHtz9ifdTdWU0JZOG54ZVk/view

PS. Dit is niet een echte B&B, het is puur om te leren.


Groetjes
 
Smartphone-first is handig
Code:
/*
	begin met css voor smartphone 320px-767px
*/
@media (min-width: 768px) {
	/* hier css voor low-resolutie 768px-991px */
}
@media (min-width: 992px) {
	/* hier css voor normale resolutie */
}

Eventueel kan je daarna nog @media (min-width: 1200px) toevoegen.

Suc6. Have fun.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan