Building an idea using HTML CSS JS - Day 8

Today's day 8 Goal is to Make Visual & structural changes to Position property of Html Elements in CSS File, improvements to code in my project backupcal.

HTML

-

CSS

how to change the position property?

1. Write the following code in an .classname.

top: 345px;
left: 20px;

1. Changing header position.

left: 300px;

How to get gradient background?

1. Write the following code.

background: radial-gradient(
    circle at -80% 90%,
    #484d5c,
    #5d5677,
    #826192,
    #ae68a5,
    #c96c93,
    #e4726d,
    #ffb56b
  );

JavaScript

-

My Code:

1.

2.

3.

Conclusion

1. Changing Position Property.

2. Changing gradient background

Author: Dheeraj.y