Responsive CSS iPhone 11 Product Card Tutorial

Channel:
United States codeSTACKr
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=9SS1PrinNco


Category:
Tutorial
Duration: 6:53
6,915 views
249

In this video we'll create a responsive CSS iPhone 11 Pro product card. This is an example of what you could create to display products on a website.

Code for this video: https://github.com/codeSTACKr/Product-Card
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #CSS #learntocode



Other Videos By codeSTACKr


2019-11-20JavaScript Loops Made Easy
2019-11-15CSS Units of Measurement [rem, em, vw, vh, px, %]
2019-11-06Emmet = Faster HTML & CSS Workflow!
2019-11-01Animated Social Media Buttons 3 Ways | HTML & CSS
2019-10-19Top 10 Best VS Code Extensions
2019-10-11Fetch API Explained - Working with Data & APIs in JavaScript
2019-10-02Animated Responsive Navbar with Mobile Mega Menu Tutorial - (SCSS)
2019-09-27Backtick Template Literals Slower? - JavaScript String Testing
2019-09-24Transparent Login Form - HTML & CSS ONLY
2019-09-20Before and After Pseudo Elements Easily Explained [CSS]
2019-09-13Responsive CSS iPhone 11 Product Card Tutorial
2019-09-11Animated Hamburger Menu Tutorial - CSS Effects
2019-09-06Async JavaScript - Callbacks, Promises, Async/Await
2019-09-03JavaScript ES6 Arrow Functions Tutorial
2019-08-23Learn Sass in 30 Minutes
2019-08-16cPanel - Website Deployment in 6 Minutes
2019-08-09JavaScript Tutorial For Beginners
2019-08-02Learn CSS Grid in 20 Minutes
2019-07-29Learn CSS FLEXBOX in 20 Minutes
2019-07-23MVC Explained in 8 Minutes
2019-07-16Learn JSON not Jason in 10 Minutes


Tags:
iPhone 11 product card ui
responsive card css
responsive product card
product card
responsive card design
responsive card ui design
html css responsive design
product card ui design
simple product card with html and css
html5
css3
effect
css effect
css3 cards
widget ui design
css card ui design
online tutorials
css cards widget effect
css simple card design
tutorials for web designer
frontend developer
web developers tutorial
css responsive design