Create Boxes

• [ ] Create a box using div tag in html
  • [ ] height 200px
  • [ ] width 300px
  • [ ] background color red
  • [ ] border 5px color green
  • [ ] padding 20px
  • [ ] Add text Box1 in the box
• [ ] Create another box below the above box with
  • [ ] height 200px
  • [ ] width 300px
  • [ ] background color yellow
  • [ ] border 5px with color blue
  • [ ] padding 20px
  • [ ] Add text Box1 in the box
• [ ] Place text box1 and text box 2 at the center
• [ ] Separate class for padding and use that css class for the boxes. Use multiple classes for a single div.

9-B238-E51-8-F83-47-A4-A4-A7-183-F24-E031-CE

• [ ] Use multiple classes for a div (Separate class for padding and use that css class for the boxes)

Create link

• [ ] Create a link to the google.com using anchor tag
• [ ] Open the link on click of the anchor tag in the same page
• [ ] Open in a new page on click of the anchor tag in the new page

Create Table

• [ ] Create a table with following look and feel.

Screen-Shot-2022-03-12-at-7-30-03-PM

Create 8 boxes with following using first with flex and then with grid

• [ ] 25% width in Desktop (4 boxes in a row)

29601-AAC-9350-4823-B047-27-D7-B0-F8-ADA6

• [ ] 50% width in Tablet and (2 boxes in a row)

6-D8771-BB-EDCA-4-BA9-82-E8-7-AB99-CA1-A7-C3

• [ ] 100% width in Mobile (1 boxes in a row)