Build a small business website - Make it mobile and interactive

6 belangrijke vragen over Build a small business website - Make it mobile and interactive

Welke achtergrond element gebruik je voor een responsive website?

Gebruik background-size: cover; i.p.v. background-size: 100%

Welk max-width gebruik je voor div met het oog op responsive design?

max-width: 600px;

Horizontaal zijn namelijk alle mobiele telefoons (en alle tablets) meer dan 700 px.

We hoeven dus alleen een aanpassing te maken voor telefoons die verticaal worden gebruikt.

Hoe kunnen we er voor zorgen dat als een scherm kleiner is dan 500px, de h1 50 px wordt ipv 100

@media (max-width: 500px) {
H1 {
font-size: 50px;
}
}
  • Hogere cijfers + sneller leren
  • Niets twee keer studeren
  • 100% zeker alles onthouden
Ontdek Study Smart

Waar wordt de media query geplaatst binnen de <style></style>?

Altijd achteraan! CSS wordt altijd gelezen voor voor naar achter, 

Als een scherm groter is dan de max-width gedefinieerd in de query, dan zegt het scherm:

Oke, ik hoef dit gedeelte niet te lezen

Hoe kun je jQuery activeren?

<!DOCTYPE html>
<head>
<script src="/assets/jquery.js"></script>

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

  • Een unieke studie- en oefentool
  • Nooit meer iets twee keer studeren
  • Haal de cijfers waar je op hoopt
  • 100% zeker alles onthouden
Onthoud sneller, leer beter. Wetenschappelijk bewezen.
Trustpilot-logo