Go through the problems below and use GitHub to store the solution and send us the link for the same. You can do all the problems in a single HTML file.
Create a rectangle of width 500px and height 300px at the center of a section having grey background. Draw a circle of diameter 100px with a red background at the center of the rectangle. Draw a white circle on top of a white triangle like ice cream with a cone in an upright position. The radius of the circle is 20px. See the image below for reference.
Make a responsive grid layout with 3 rows & 4 columns. Add a border of color #EDEDED separating rows and columns and column width should not be less than 320px. See the image below for reference. You can use all white rectangles instead of colored ones.
Make a list of 16 items as shown in the image below. Odd items should have red background and those divisible by 4 should have a green background.
Draw a circle over a line. Make the circle bounce on the line infinitely using CSS animation. The ball should have variable velocity. Make the bounce look natural as much as possible. See the image below for reference.