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)