Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @cristinakellyt

    Submitted

    Hi, guys!

    This is my solution to this challenge. But if you take the closest look, you'll see that it is a bit different from the one proposed.

    Since I am learning Javascript I used this challenge to practice it. I know that are some challenges here that have Javascript, but using this one wasn't in my plans when I started doing it. It turns out to be something bigger than what I expected, and I still have some ideas to implement, but since I can not see the final version of it yet I decided to publish it already before it differs a lot from the website challenge. But I will keep using this template to practice some Javascript.

    I know that the CSS file is too big, because of it, I will use SASS instead so it will be easier to maintain.

    This is what I implemented:

    • Change between dark and light mode
    • Interact with the 'Change' button on the card to select the type of the plan (Annual Plan or Monthly Plan) and therefore see its price -Click on the 'Proceed to Payment' button and go to a checkout pop-up where the user could enter their details and change the Billing Cycle -Go back to the card by the 'Back' button

    The dark mode was inspired by some solutions from @correlucas who makes very creatives ones

    All feedback is appreciated!

    Buddyyy 40

    @semi26

    Posted

    Hello Cristina, Your amazing you took this challenge and made it your own. That is brave and so awesome. The design is really good, great work and you took it another step up by adding some cool new features. I am very inspired by your work. I would love to learn how you crafted your skills and what are some of your learning habits. I am also learning JavaScript. I am at the beginning stage I don't have a strong knowledge any advice? I have a stronger knowledge of HTML and CSS. Thank you for your time. best of luck with your coding journey.

    1
  • @M3gan3Sama

    Submitted

    Hi 👋 This is my solution for thsi challenge. I used flexbox for some parts and CSS Grid for main layout. Fell free to check it out and leave comments. Thanks ❤️

    Buddyyy 40

    @semi26

    Posted

    Hello, awesome work. It really looks identical to the design. Even the border shadows look spot on. It also looks amazing on mobile view. I really like the readme very easy to follow and read. It looks like you have been doing this for a while, very professional. I might ask you for advice and tips. I want to grow my GitHub. do you use the slack community?

    1
  • Buddyyy 40

    @semi26

    Posted

    Hello, this looks Incredible. Very identical to the design. My only thing is there are no hover effects on the "change, Processed to payment, and cancel order."

    Marked as helpful

    0
  • Buddyyy 40

    @semi26

    Posted

    Hello, great job. It really looks identical. It responds well on small devices. I did notice the background change. Overall great work.

    1
  • Buddyyy 40

    @semi26

    Posted

    Really good work looks very identical, I like that you included a README.md with your solution. handles well with responsiveness. Overall great work. Happy Coding 👍

    1