Solution Pricing component with toggle

Community feedback

• 

  Mahmood•2,130

  @MahmoodHashem

  Posted 7 months ago

  Great job 👏

  You could also practice toggling prices without using javascript by CSS like this:

  
  .card .basic::after{
      content: '19.99';
  }
  
  .card .professional::after{
      content: '24.99';
  }
  
  
  .card .master::after{
      content: '39.99' ;
  }
  
  
  main:has(.toggle-input:checked) .card .basic::after {
      content: '199.99'
  }
  
  main:has(.toggle-input:checked) .card .professional::after{
      content: '249.99';
  }
  
  main:has(.toggle-input:checked) .card .master::after{
      content: '399.99';
  }
  
  

  Good luck

  31

  Marked as helpful
• 

  Marzia Jalili•7,270

  @MarziaJalili

  Posted 7 months ago

  Hello Stefan Bojkovski 👋, I am such a great fun of you. After I saw your solution, I downloaded the challenge and gave it a try😁😁. I don't know if you will consider this petty suggestion important or not because I am just a beginner here, but I badly want to share it🥲. While solving the challenge I realized that the size and position of the dollar sign and the price itself aren't the same🤔. Then, I wrapped a <span> and a <strong> element inside a <div> that had a display of flex and finally put the value of align-items to center and change the font-size of the dollar sign😎. Over all, you have done a great job girl🙌, you could also check out my solution if you don't mind.

  11

  Marked as helpful
• 

  Abdalla Essam•110

  @Abdalla2200

  Posted 7 months ago

  Great job, but I have a question: how do you use customized styles in config.js with CDN? I'm trying to use it, but the styles don't appear on the website. i also copied your config.js code but didn't work

  12
• 

  P

  Richard•410

  @Richard1876

  Posted 7 months ago

  Group study to share ideas

  14
• 

  P

  Richard•410

  @Richard1876

  Posted 7 months ago

  would you like to team up

  11