Use HTML and CSS media queries to make a responsive card that is portrait on mobile and landscape on desktop.
❤ Subscribe: http://bit.ly/SubscribeDPT
In this tutorial, I will show you how to make a responsive card using just HTML and CSS.
A responsive card is one that looks good on every size screen. We can accomplish this by using relative heights and widths instead of absolute measurements and also by using @media rules to define CSS properties to take effect only on specific screen sizes.
View the code on GitHub: https://github.com/DenverCoder1/Responsive-Birthday-Card
What topics should I cover next?
Let me know in the comments what kinds of projects you want to see me make in my tutorials!
🖥 More Web Development tutorials
▶ https://www.youtube.com/playlist?list=PL9YUC9AZJGFFAErr_ZdK2FV7sklMm2K0J
💻 More tutorials
► https://www.youtube.com/playlist?list=PL9YUC9AZJGFHTUP3vzq4UfQ76ScBnOi-9
🙋♂️ Find me on other channels
Reddit 👽 https://www.reddit.com/r/DevProTips/
Twitter ✍ https://twitter.com/DenverCoder1
Github 👨💻 https://github.com/DenverCoder1
Sponsor 💞 https://github.com/sponsors/DenverCoder1
Buy me a coffee ☕ https://ko-fi.com/jlawrence
💖 SPONSORS 💖
Get your username or a link to your channel here by sponsoring on Github
▶ https://github.com/sponsors/DenverCoder1
🎁 GET FREE STUFF WHILE SUPPORTING MY TUTORIALS
► https://bit.ly/jlawrencepromos
source