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 solutions

  • Submitted

    TailwindCSS Product Preview Card

    #bem#tailwind-css#accessibility
    • HTML
    • CSS

    0


    This was my first time taking Tailwind for a spin, probably going to work on a few smaller projects with it again to really get a feel for it.

  • Submitted

    Mobile-first React Coffeeroasters site

    #react#react-router#sass/scss#accessibility
    • HTML
    • CSS
    • JS

    0


    This one took a while. Lots of things that I kept noticing when I thought I was finally done. Any feedback is welcome, as always!

  • Submitted

    Mobile-first React clock app

    #react#sass/scss#bem
    • HTML
    • CSS
    • JS
    • API

    1


    Need to better comment the code later and finish the README documentation. Styling this one was a bit tricky, mostly because of the timezone element. It can be wildly different lengths depending on where you're located. My timezone is fairly long, so I'm hoping it looks good for everyone else.

  • Submitted

    Mobile-first rock paper scissors lizard spock built with React

    #bem#react#sass/scss#react-router
    • HTML
    • CSS
    • JS

    1


    Took a bit, but I learned a lot from this one! Built the bonus version of this challenge because it doesn't require much additional logic/markup/styling. Definitely going to make use of certain components again (like the modal) in future projects. Also went much more in depth with SCSS and its file structure here.

  • Submitted

    Mobile-first fylo data storage solution

    #accessibility#bem#sass/scss
    • HTML
    • CSS

    0


    Tested out some interesting stuff with this one, mainly involving the meter element. Never used it before, and had to do some research when it came to styling it.

  • Submitted

    Mobile-first job listings

    #accessibility#react#bem
    • HTML
    • CSS
    • JS

    0


    First big project I've done with React! As always, let me know if there's anything I can improve, thank you! 👍

  • Submitted

    Mobile-first Equalizer landing page

    #bem#sass/scss#accessibility
    • HTML
    • CSS

    0


    Decided to get this one done as well just to have all the newbie challenges completed. Gonna tackle some of the harder ones with React now!

  • Submitted

    Mobile-first meet landing page

    #accessibility#bem#sass/scss
    • HTML
    • CSS

    1


    Decided to knock out this one as well! These premium challenges are definitely a bit more challenging than others on their difficulty tier.

  • Submitted


    Fun little challenge to get me back in the swing of things. Tried to do this as quickly as possible while making it near pixel perfect (~1 hour)

  • Submitted

    Mobile-first planet facts site

    #sass/scss
    • HTML
    • CSS
    • JS

    0


    Managed to get this done during Thanksgiving week! I know it probably doesn't match the design exactly (mostly in regards to the planet images size), but I think it still looks good.

  • Submitted


    Had to make some of my own judgement calls on this one, like limiting user input to 13 characters for the sake of staying accurate to the designs styling. Unsure if there is an easier way to add keyboard functionality or not, let me know if you can think of any improvements please!

  • Submitted


    This was my first time working with JSON data. Any ideas to make the JavaScript more efficient? I tried to do it with the least amount of code possible. Thank you as always!

  • Submitted


    Really interesting challenge! I liked the focus being primarily on CSS for this one. I know the font and phone in general may look a little small, but I was following the design for this one pretty heavily, and it matches up really well.

  • Submitted


    Probably made this one a lot harder for myself than it needed to be. Anyone have any tips on how to do this more efficiently, or any better ways to go about the JS portion of this project in general?

  • Submitted


    Tried something new while working on this one! First time using SCSS, and I really enjoyed it. Any feedback is welcome, as always! Thank you!

  • Submitted


    Really liked the design for this one, so I decided to give it a try. This challenge required some interesting things, such as choosing to either set an image as the background for a section or use absolute position to get the text in the right place. It was a little finicky, but I think it looks good across all screen sizes. Any feedback welcome!

  • Submitted


    Fun challenge, I think curved transitions between sections looks really awesome! I'm unsure if I used the most optimal approach to achieve this or not (I simply inserted each image before and after the sections as needed, and then used CSS to make them function as intended). I know there are many ways to do this though. Any tips would be appreciated!

  • Submitted


    First premium challenge complete! This one was fun, I haven't done much work with absolute positioning before. Also one of the first challenges where I've had to create a tablet layout as well. Any feedback welcome as always!

  • Submitted


    Not too bad. Pretty easy challenge to practice using grid a bit more!

  • Submitted


    Decided to do this without Javascript to complete the optional challenge in the description. Also added the animation of the box bobbing up and down just for fun.

  • Submitted


    I tried using space-between to properly distribute all the content throughout the column. Any advice is appreciated!