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

Комментарии • 14

  • @amirkhasroo3932
    @amirkhasroo3932 Год назад

    You're magician
    Keep on uploading most beautiful creative websites for us ❤️

  • @hishwebdesign
    @hishwebdesign Год назад

    wow, just amazing. would appreciate you make video with mic explaining

  • @z1adfps297
    @z1adfps297 11 месяцев назад

    why you add width and height attributes that contain the actual values of the img, and why you select elements by data attributes?

  • @BUGALUGAMERFULL
    @BUGALUGAMERFULL 8 месяцев назад

    What IDE u use? How u learn type so fast?

  • @ezequielstom6745
    @ezequielstom6745 Год назад

    Thanks for the Magic 🤯

  • @chef_zelazizali482
    @chef_zelazizali482 Год назад

    Kindly share code(github) on these small components to, thank u.

  • @elohoraghanokpe
    @elohoraghanokpe 10 месяцев назад

    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?

  • @morshedulmunna1
    @morshedulmunna1 Год назад

    can i convert it with react component ?

  • @deanwichester6412
    @deanwichester6412 6 месяцев назад

    What The name of the program for displaying on the phone screen.?

    • @codewithsadee
      @codewithsadee  6 месяцев назад +1

      It's a vs code extension called "Mobile View"