Can you please explain why the answer is Two since it is in Inline grid triple format?
As I understand it should be inline double format because of the breakpoints at 768 pixels.
A dynamic layout uses an Inline format to organize UI elements on the screen. The Inline format is configured with two responsive breakpoints: the first one is to change to an Inline grid triple format at 1024 pixels, and the second one is to change to an Inline grid double format at 768 pixels. The UI elements are arranged into various numbers of rows depending on the screen size and number of elements on the screen. When the screen size is at 800 pixels and there are five elements on the screen, how many elements should be in the last row?
Five since it is in Inline format.
Undetermined — it depends on the sizes of the elements.
Personally I completely disagree with the wording of this question as it leaves too much to the imagination. Typically I am accustom to seeing the breakpoints explained in a format similar to:
0 - 768px
768px - 1024px
In this case you are expected to assume that less than 768px is a single stack format while 768px to 1024px is a double format. As a result with a screen resolution of 800px would result in one element on the last row due to the screen falling in the middle breakpoint set.
If you look at page 328 of the student guide (How to trigger responsive....breakpoints) this question is really an expansion on the explanation of breakpoints on this page by adding the 1024px breakpoint.
Again, I completely disagree with the wording here as it leaves a lot of room for interpretation.
Hope that helps.
Posted: 4 years ago
Posted: 19 Dec 2017 11:45 EST
Larry T (LarryT)
I had a typo in my original response, but yes. I don't know how one would interpret this any differently. Without the screen size being larger than 1024px the layout should be defaulting to a double column layout. While this is not the answer that is displayed as the correct answer, I do believe that is a mistake in the course.