Today's day 4 Goal is to write Styles in CSS and some minor adjustments in my project backupcal.
<h3 id="heading-how-to-add-background-color">how to add background color?</h3>
<ol>
<li>Add gradient background style instead of boring solid color.</li>
</ol>
<pre><code>background-color: #f6ecec;
background-image: 
 radial-gradient(at 45% 5%, #B8E8FC 0, transparent 59%);
</code></pre><ol>
<li>Use Fit content property :</li>
</ol>
<pre><code>height: fit-content;
width: fit-content;
</code></pre>My Code:
<blockquote>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1666354136299/DZUPDzv7h.png" alt="css.png" />
</blockquote>
Author: Dheeraj.y

Today's day 4 Goal is to write Styles in CSS and some minor adjustments in my project backupcal.

### how to add background color?

1. Add gradient background style instead of boring solid color.

```
background-color: #f6ecec;
background-image: 
                radial-gradient(at 45% 5%, #B8E8FC 0, transparent 59%);

``` 


1. Use Fit content property :

```
height: fit-content;
width: fit-content;
``` 

My Code:
> 
![css.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1666354136299/DZUPDzv7h.png align="left")


Author: Dheeraj.y



Building an idea using HTML CSS JS - Day 4

Table of contents

how to add background color?