Basic ReactJS Card Component With CSS - Animation and Positioning - #1

Hello!
In this episode I wanted to talk to you about animation and positioning in CSS. We we'll create a simple product card to discuss those topics.

Table of contents:
00:00 - Intro
01:56 - Bootstrapping the component
04:10 - Component JSX structure
10:30 Base styles
13:30 - Position explained
18:30 - Positioning the metadata of the card
21:30 - Styling the metadata
24:30 - Adding the close button
31:30 - Animating the button
37:00 - Adding the bottom sheet
44:50 - Transform origin explained

--------------------------------------------

You can find me here:

https://twitter.com/wojciech_bilick
https://medium.com/@wojciech.bilicki
https://github.com/wojciech-bilicki

-------------------
ignore

web design
html
web development
css
html5
css3
es6
programming
basics
tutorial
javascript
how to make a website
responsive design tutorial
web development tutorial
media queries
website from scratch
html css
responsive website tutorial
responsive web development
web developer
how to make a responsive website
how to build a website from scratch
how to build a website
build a website
How to