ronabundy1 / fix-the-flow-interactive-website Goto Github PK

Zorg dat alle buttons hetzelfde zijn. Dit is ook makkelijker om elke keer de styling over te nemen, scheelt je heel veel tijd.

Met grid kan je de tekst en image naast elkaar positioneren! Probeer eens te kijken naar: https://cssgrid-generator.netlify.app/

.parent (om de twee blokken heen) {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 (om de tekst en button heen) { grid-area: 1 / 1 / 2 / 2; }
.div2 (om de image heen)  { grid-area: 1 / 2 / 2 / 3; }

Ik zou comments zetten bij je javascript, zodat je weet wat elk stukje doet binnen de hele animatie (je kan hiervoor eventueel chatGPT gebruiken om code uit te laten leggen)

Je kunt een max-width van 100% toevoegen voor nu op je afbeelding even groot te laten worden als je de hele breedte van je scherm.

Verder zou ik nog even kijken naar deze sectie. Die is namelijk nog breder dan je scherm

Goed dat je custom properties hebt aangemaakt! 💯

Alleen jammer dat ik ze nergens aangeroepen zie, je kan ze aanroepen met bijvoorbeeld: font-size: var(--value)

Misschien een afbeelding toevoegen zodat de section wat groter en duidelijker is.

Probeer een andere plek te vinden, dat is wat duidelijker en valt meer op

De website ziet er mooi uit! 👍

Misschien is het handig om deze witruimte weg te halen?

Ziet er meer aantrekkelijker uit voor de bezoekers/investeerders

Probeer je javascript in je html te vermijden. Maak een aparte javascript bestand aan in je mapje scripts. (Bijvoorbeeld script.js) En link vanuit je html naar je javascript met de volgende code: <script src="script.js"></script> Net zoals je doet met je CSS

User story: Als gebruiker wil ik op de website inhoud/content zien die verandert. Dat kan een Sectie tekst zijn of een afbeelding van de brain app

Hoe doe ik dat. Doormiddel van een Cirkeldiagram of simpele knoppen. De tekst of afbeelding veranderd dan door een klik
Hoe het precies uit gaat zien moet ik nog bedenken met schetsen voor ideen

probeer alle padding toe te voegen aan elke post over de problemen.