Duration: 18:07 min
Summary: In this lesson, we will talk about two subjects: grid and appending child elements in JavaScript. The first part will discuss creating the grid. This is a matter of creating few divs in the HTML. The key is creating the appropriate CSS with -ms-grid-columns and -ms-grid-rows to display the grid with the elements in it. Then, we will discuss how we can dynamically add child elements to existing ones. We will start with a text box and a button. Clicking the button will cause another text box to be added. Continuously clicking the button will add as many text boxes.