Amazing Rating Card Using HTML CSS JavaScript | Frontend mentor
HTML-код
- Опубликовано: 13 июл 2024
- Source code: www.patreon.com/posts/source-...
Check out my next video update: / codewithsadee
How to Make a Rating Card Using HTML CSS JavaScript
This video will show you how to build a rating card using html css javascript
HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇
📺 My Channel: / @codewithsadee
🔔 Subscribe: / @codewithsadee
🔗 Starter file
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Download the starter file to practice: drive.google.com/file/d/1m-W-...
⏱️ Timestamps
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
0:00 - Demo
1:05 - File structure
1:42 - Project initial
7:30 - Rating card
24:01 - Media queries
💜💜 PATREON BUDDIES 💜💜
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Many thanks to our lovely Patreons (from / codewithsadee ) who support us every month and encouraged us to make this video:
Asher, Danish Khan, Jose Galvez, Kesu Endalkachew, vagdrak
👍 Like - Follow & Support
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Twitter: / codewithsadee
Github: github.com/codewithsadee
Facebook: / codewithsadeefan
Instagram: / codewithsadee
⚠️ Disclaimer
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#card
#csscard
You're magician
Keep on uploading most beautiful creative websites for us ❤️
Thank you, I will
wow, just amazing. would appreciate you make video with mic explaining
Thanks
why you add width and height attributes that contain the actual values of the img, and why you select elements by data attributes?
What IDE u use? How u learn type so fast?
Thanks for the Magic 🤯
Our pleasure!
Kindly share code(github) on these small components to, thank u.
Good evening Sadee, Please can you include the Javascript file. I was unable to do it. My javascript did not respond. I dont know why. It kept on showing me
for (let i = 0, len = ratingBtns.length; i < len; 1++) {
Uncaught SyntaxError: Invalid left-hand side expression in postfix operation
what could be the cause?
can i convert it with react component ?
Why not
What The name of the program for displaying on the phone screen.?
It's a vs code extension called "Mobile View"