Wow, great!
Thank you Ingolme and dsonesuk for you help, I appreciate very much!
Questions for dsonesuk:
I compared my code with yours and I noticed 3 changes using this tool: https://www.diffchecker.com/
Change #1
You have replaced
.row {
margin: 10px -16px;
}
By:
.row {
margin: 10px -16px;
display: flex;
flex-wrap:wrap;
}
OK, here I understand following your explanations in your post.
Change #2
You put the "nth-child" selectors in comments
Here, I understand that with the "flex" solution, the "nth-child" selectors are no longer required.
Change #3
You add an id to each filter button:
- button id="all"
- button id="nature"
- button id="nature"
- button id="nature"
May I ask you why you added these ids?
Thank you again!
Luc