Exercise

• Trial E1: Let's make a good layout. There are two
  s, layout-main and layout-bottom. They have full width. Layout-main is displayed first, and then layout-bottom. Layout-bottom has height 100px. The height of layout-main is parent height - layout-bottom height. You should assume that the parent height is specifically decided. (Fill ???)

• Trial E2: Let's include two
  s, layout-left and layout-right, in layout-main. Layout-left should use the exact left half, and layout-right should use the exact right half of layout-main. (Fill ???)

• Trial E3: Let's include a
  , content-left, in layout-left. Content-left should be displayed at the exact vertical center. You should use JavaScript to decide the postion of content-left. (Fill ???)

  Let's not become weary in doing good, for at the proper time we will see a great outcome if we do not give up.

• Trial E4: Let's include a
  as a blanket. Initially the blanket is not displayed. When the button is clicked, the blanket should be displayed over the layout. When the blanket is clicked, the blanket should be hidden. (Fill ???)

  Let's not become weary in doing good, for at the proper time we will see a great outcome if we do not give up.

• Trial E5: Let's include a
  as a modal window. Initially the modal window is not displayed. When the button is clicked, the modal window should be displayed over the layout at the exact horizontal center. (Fill ???)

  Let's not become weary in doing good, for at the proper time we will see a great outcome if we do not give up.

  Sign Up