Opdracht 9: Grootte van vakjes
Het kan zijn dat je na het aanpassen van de aantallen rijen en kolommen net te weinig beeldscherm hebt om niet te hoeven scrollen. Hoewel het voor de leesbaarheid niet aan te bevelen is om alles te klein te maken, is het wel mogelijk om nog iets te spelen met de grootte van de vakjes en karakters. Hierdoor kun je het mijnenveld wat groter of kleiner maken en daarmee voorkomen dat scrollen nodig is. Maak je de vakjes te klein, dan passen mogelijk de cijfers en bommen niet meer netjes in de vakjes.
▶▶▶ Zoek Opdracht 9a en 9b op in het bestand mijnenveger.css en experimenteer met de grootte van de vakjes (9a) en de font size (9b), maar zorg er wel voor dat de cijfers en de bom nog netjes worden weergegeven en passen binnen de vakjes.
Oplossing 9a
Pas de pixelgrootte van width, min-width, height, min-height` aan naar jouw smaak.
#veld table td { background-color: rgb(195, 195, 195); width: 30px; min-width: 30px; height: 30px; min-height: 30px; border: 1px solid black; }
Oplossing 9b
Je mag voor de
font-sizeeen passende waarde kiezen voor jouw mijnenveld grootte.
#veld table { border-collapse: collapse; font-size: 150%; font-family: san-serif; font-weight: bold; display: inline-block; }
Als je tevreden bent, ga dan verder met de laatste opdracht 10.