Skip to content
Submitted about 4 years ago

Responsive price component using Grid

tediko•6,680
@tediko
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello👋!

The challenge was not complicated, so I have no specific questions this time. I am still happy to hear some advice. I added some animations so that component isn't looking so boring. I think to start learning SCSS but not sure if im ready yet. I read that it is better to have a solid foundation in CSS firstly. Not sure where is the line when i should start learning this. 🙄

Thanks! 😁

Community feedback

  • Anna Leigh•5,135
    @brasspetalsPosted about 4 years ago

    Another great job, tediko! It responds well and the animations were a fun way to jazz up a simple project. 👏

    Sass isn't nearly as complicated as it sounds - I really like the nesting aspect of it. I suggest trying it out on a smaller project like this first and not worrying too much about architecture. Here's a short article that has a good simple example. If you use VS Code, Live Sass is a great extension that makes compiling Sass much simpler. Happy coding!

    1
    tediko•6,680
    @tedikoPosted about 4 years ago

    @brasspetals Thank you for your feedback and useful links! Looking forward to try it! Happy coding too!

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, tediko! 👋

    Those animations look amazing! 🤩 Nice job on this challenge! 👍

    Like brasspetals mentioned, Sass really isn't that complicated. I don't think you need to worry about having a super-solid understanding of CSS in order to try Sass since Sass doesn't actually introduce any new properties to CSS—it just makes writing existing CSS easier. Also, I only really use a few (out of many powerful) features that Sass provides, so it ends up being like regular CSS with a couple of minor (but helpful) differences.

    Looking forward to your next project! 😉

    Keep coding (and happy coding, too)! 😁

    0
    tediko•6,680
    @tedikoPosted about 4 years ago

    @ApplePieGiraffe Thank you for your feedback. I appreciate it!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord