<h1 id="heading-day-7-14">Day 7 - 14</h1>
<p>Continued the FreeCodeCamp Tutorial and completed It in later days.</p>
<ul>
<li>Learned Flexbox and understood its basics and core.</li>
<li>Learned about Grid Layouts and the use-cases to make the layout responsive and work with it.</li>
<li>Learned about animations and transitions.</li>
</ul>
<p>######## This Marks the completion of the tutorial by freeCodeCamp ########
Link to the tutorial: %[<a href="https://youtu.be/1Rs2ND1ryYc]" class="autolinkedURL autolinkedURL-url" target="_blank">youtu.be/1Rs2ND1ryYc]</a></p>
<h2 id="heading-i-made-a-few-projects-to-have-a-good-touch-on-css-and-of-course-to-learn-more-new-things">I made a few projects to have a good touch on CSS and of course to learn more new things.</h2>
<ul>
<li>Made animation page showing different animations.</li>
<li>Made a basic Card Layout using Flexbox.</li>
<li><p>Made 4 grid pages to experiment with the grid layouts </p>
<ul>
<li><p>Followed 2 tutorials on the way to learn more about Flexbox and Grids by Traversy Media</p>
<p>  For FlexBox: %[<a href="https://youtu.be/3YW65K6LcIA]" class="autolinkedURL autolinkedURL-url" target="_blank">youtu.be/3YW65K6LcIA]</a></p>
<p>  For Grid: %[<a href="https://youtu.be/0xMQfnTU6oo]" class="autolinkedURL autolinkedURL-url" target="_blank">youtu.be/0xMQfnTU6oo]</a></p>
</li>
</ul>
</li>
<li><p>Made Modern Periodic Table of Elements using CSS grids.</p>
</li>
<li>Made a Tribute Page for Sardar Vallabhbhai Patel.</li>
<li>Currently making a Newspaper Layout (Not yet finished).</li>
</ul>
<h4 id="heading-i-am-committing-all-the-codes-in-github-from-time-to-time-every-day">I am committing all the codes in Github from time to time, every day :)</h4>
<h4 id="heading-github-repository-link-httpsgithubcomdeveesh-shetty100daysofcode">Github Repository Link: %[<a href="https://github.com/Deveesh-Shetty/100_Days_of_Code]" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/Deveesh-Shetty/100_Days_of_Code]</a></h4>


# Day 7 - 14


Continued the FreeCodeCamp Tutorial and completed It in later days.
- Learned Flexbox and understood its basics and core.
- Learned about Grid Layouts and the use-cases to make the layout responsive and work with it.
- Learned about animations and transitions.

######## This Marks the completion of the tutorial by freeCodeCamp ########
Link to the tutorial: %[https://youtu.be/1Rs2ND1ryYc]

## I made a few projects to have a good touch on CSS and of course to learn more new things.
- Made animation page showing different animations.
- Made a basic Card Layout using Flexbox.
- Made 4 grid pages to experiment with the grid layouts 
  - Followed 2 tutorials on the way to learn more about Flexbox and Grids by Traversy Media

      For FlexBox: %[https://youtu.be/3YW65K6LcIA]

      For Grid: %[https://youtu.be/0xMQfnTU6oo]

- Made Modern Periodic Table of Elements using CSS grids.
- Made a Tribute Page for Sardar Vallabhbhai Patel.
- Currently making a Newspaper Layout (Not yet finished).


#### I am committing all the codes in Github from time to time, every day :)


#### Github Repository Link: %[https://github.com/Deveesh-Shetty/100_Days_of_Code]









  

Deveesh's Blog

Deveesh's Blog

100 Days of Code Blog - II

25 June 2022 - 02 July 2022

Day 7 - 14

I made a few projects to have a good touch on CSS and of course to learn more new things.

I am committing all the codes in Github from time to time, every day :)

Github Repository Link: %[github.com/Deveesh-Shetty/100_Days_of_Code]