Thanks for the tutorial, it's easy to follow for a beginner like me. My only question is that my box-shadow for the corner button did not appear when I added the border-radius. I'm using Subline text, only been learning coding for 4 days so far.
really nice video, i am a beginner with this stuff but watching you doing it and step by step follow ups helps a lot. And definitely when issues came up, it was great to see you work through it. Do you work with Java?
Thanks Swanney! Yeah, learning how to debug and problem solve is almost as important as knowing how to write the code itself no matter if you are a beginner or experienced. I'm really happy you got some value from watching me go through it. I don't work with Java currently. I focus on JavaScript primarily on the front end but work with Node.js on the backend as well.
You have a couple options. 1) Set the display property of the header to flex and the align-items property to center. For horizontal centering use justify-content: center. 2) If you know the height of the image you can set position relative to the header, position absolute to the image, top to 50% and transform: translateY(-50%) on the image.
hey its been 2 years since you uploaded last video, we want you back :)
the on the spot error debugging helps a lot. thanks
Great video! Watching you code and running into issues represents the reality we all go through when creating. Thanks for not editing out the bugs.
Awesome thanks for letting me know. I like to leave them in as long as it doesn't take too long to figure out what I'm doing wrong.
Nice video!!!! what tool u using to check the colors sizes?
Wooow you did it Dude !
Nice card, thanks for sharing.
great work bro
Thanks man. Much appreciated.
Thanks for the tutorial, it's easy to follow for a beginner like me. My only question is that my box-shadow for the corner button did not appear when I added the border-radius. I'm using Subline text, only been learning coding for 4 days so far.
really nice video, i am a beginner with this stuff but watching you doing it and step by step follow ups helps a lot. And definitely when issues came up, it was great to see you work through it. Do you work with Java?
Thanks Swanney! Yeah, learning how to debug and problem solve is almost as important as knowing how to write the code itself no matter if you are a beginner or experienced. I'm really happy you got some value from watching me go through it. I don't work with Java currently. I focus on JavaScript primarily on the front end but work with Node.js on the backend as well.
Lewis Long
Well I hope you have or will make some videos with Node.js but overall like the videos its awesome! Keep up great work
@1:30, what extension are you using to get the hex code?
ColorPick Eyedropper I think. I no longer have it installed but I'm pretty sure that's what I was using.
how to i get video to work with card
Here you go man. codepen.io/LewisLong/pen/OOXNVd
What's the chrome extension you used to extract colors? :)
It's called ColorPick Eyedropper ;)
Great, thanks! Keep uploading! :D
how did you calculate the vertical position of the image to be at the centre of the header? What is the formula
You have a couple options. 1) Set the display property of the header to flex and the align-items property to center. For horizontal centering use justify-content: center. 2) If you know the height of the image you can set position relative to the header, position absolute to the image, top to 50% and transform: translateY(-50%) on the image.