Funda Redesign - Finished product #19
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
rinux55
reviewed
Jan 25, 2024
There was a problem hiding this comment.
Hi Ilona,
Afgezien van de comments heb ik nog deze puntjes voor je:
- Ik mis het makelaarsblok!
- Probeer grid te gebruiken op de plekken waar dat handig zou zijn, zoals bijvoorbeeld de layout van de pagina en de afbeeldingen.
- Je hebt wat rare rode hover states in de header.
- Je hebt het in je PR over enkele verbeteringen die je hebt doorgevoerd. Het is handig om ook te beschrijven welke dat zijn :)
index.html
Outdated
| </div> | ||
| </article> | ||
|
|
||
| <div class="image-stacks__container"> |
There was a problem hiding this comment.
probeer grid te gebruiken om deze afbeeldingen te tonen. Dat maakt het een stuk makkelijker en overzichtelijker!
|
|
||
| for (var i = 0; i < articles.length; i++) { | ||
| // Initially hide all but the first paragraph | ||
| var paragraphs = articles[i].querySelectorAll('p'); |
There was a problem hiding this comment.
Je kan er beter voor zorgen dat je geen dingen aanpast op de pagina tijdens het laden. Een betere oplossing is om te zorgen dat deze items met css standaard verborgen zijn.
|
|
||
| if (this.textContent === '+ Lees meer beschrijving') { | ||
| for (var j = 1; j < paragraphs.length; j++) { | ||
| paragraphs[j].style.display = 'block'; |
There was a problem hiding this comment.
Het is beter om een class te zetten die vervolgens beschrijft welke elementen getoond moeten worden.
> will change this into grid.
fixed my grid in media query 900px and my mobile first now has a different flexbox. deleted container
you could still see them, used them for testing
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Ik heb een redesign gemaakt van de belangrijkste punten waar ik vind dat er meer aandacht aan besteed kan worden. Deze heb ik ook zo nodig responsive gemaakt op: telefoon , tablet en desktop.
@larsdouweschuitema @rinux55