70-480 Exam - Question 75

Question

HOTSPOT -You review a webpage that contains the following markup:How does the page render? For each statement in the table, select Yes if the behavior is described. Select No if it is not. Make only one selection in each column. Hot Area:.

Examice · Accepted Answer

.

piroman · Answer

No, Yes, Yes

SGT · Answer

The page does not render if you use this code exactly as is. The following div's does not have values:

If you give it values:

blueBox
content

You will get a blue box across the top of the page and the word "content" below that.

Both viewed in Chrome and Internet Explorer.

JMz123 · Answer

Is the answer yes for each of the 3 rows?

charlzwar · Answer

In chrome, CSS would be something like this:
.container {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:1fr 1fr 1fr;
}
.bluebox {
  grid-row-start: 2;
  grid-column-start: 2;
  float: none;
  background-color: blue;
}
.text{
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: span 3;
  grid-column-end: span 3;
  background-color: red;
}
As SGT says, you must have content in  both divs (bluebox and content), thats because you cant style a grid cell that doesn’t contain any content. It actually didnt work in Chrome for SGT because here.. they are using ms prefix.. which is experimental css for internet explorer.. Im not even sure if it actually works in IE lol i didnt wanna check.
Lets say we do have content in both divs... well, the .text div will fill all the cells in the grid, 
So... my guess is No, Yes, Yes  , Im mmm just not 100% sure about the second one, its kind of tricky, because bluebox will  always be displayed in row 2 column 2.. but you wont see it coz the .text div is over that cell...

nootje · Answer

like this it doesn't show anything. So i would say to all 3 no

70-480 Exam - Question 75

Discussion