Good day guys , i have an enquiry regarding Exercise 9 of Make a Website (Boundaries and Space).
I would appreciate your help alot.
Before we start working with flex, expand the web browser view by clicking the arrow button in the top right corner. Take a moment to notice that the image gallery is arranged vertically and off-center.
Next, locate the .gallery class selector in main.css. Set the display property to flex.
Click Run to see the gallery images align horizontally.
Question 1: Understand that this exercise had instructed for the display property with flex value to be applied to .gallary class selector. However i was just playing around with the code and wonder why doesn’t it work the same if i had applied it to the .gallary-item selector instead? Shouldn’t it have worked just as fine?
Question 2: Noticed that applying display:inline to the .gallary-item selector would actually be a faster method of achieving the same results?
Question 3: Why doesn’t display:inline work on the .gallary selector?