<h3 id="blog-page">Blog page</h3>
<p> <a target="_blank" href="https://haorong.netlify.app/blogs.html">Link</a> </p>
<ul>
<li>improved the style of blog cards</li>
<li>added button to go to Hashnode link</li>
</ul>
<p>Todos:</p>
<ul>
<li>fetch more posts</li>
<li>to center cards(the width of the mobile device looks bad)</li>
<li>set same height of the images
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1621565881471/__ypWdqpf.png" alt="Screen Shot 2021-05-20 at 10.57.54 PM.png" /></li>
</ul>
<h3 id="learn-about-react-transition-group">Learn about react-transition-group</h3>
<p><a target="_blank" href="http://reactcommunity.org/react-transition-group/">Docs</a>  <a target="_blank" href="https://dropdown-test.netlify.app">Demo</a></p>
<ul>
<li>Setting props and classname in the  can make fluent transform animation</li>
</ul>



### Blog page

 [Link](https://haorong.netlify.app/blogs.html) 

- improved the style of blog cards
- added button to go to Hashnode link

Todos:
- fetch more posts
- to center cards(the width of the mobile device looks bad)
- set same height of the images
![Screen Shot 2021-05-20 at 10.57.54 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621565881471/__ypWdqpf.png)

### Learn about react-transition-group 
[Docs](http://reactcommunity.org/react-transition-group/)  [Demo](https://dropdown-test.netlify.app)
- Setting props and classname in the <CSSTransition> can make fluent transform animation






#100DAYSOFCODE Day79

Blog page

Learn about react-transition-group