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
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found

All Solutions

  • Desktop design screenshot for the Advice generator app coding challenge

    Advice generator app

    #accessibility
    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

    ✨ Here is my solution to the frontendmentor advice generator challenge.

    This is by far one of my favorite frontendmentor challenges. 🤩 When I saw two different images for the divider, I was a bit confused about how to implement them in a clean and accessible way, this lead me to make some research on the picture element which was the perfect solution I needed. I'm quite excited to have learnt something new and I plan on using this challenge for a tutorial to hopefully help someone else.

    Feedbacks and comments are highly appreciated.

  • Desktop design screenshot for the 3-column preview card component coding challenge

    3 column preview card component

    • HTML
    • CSS
    2
    Submitted

    I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.

  • Desktop design screenshot for the Testimonials grid section coding challenge

    Testimonial Grid

    • HTML
    • CSS
    0
    Submitted
  • Desktop design screenshot for the Stats preview card component coding challenge

    Stats Preview Card Components

    • HTML
    • CSS
    2
    Submitted

    This card was aligned using CSS flexbox which required a large chunk of CSS code to work, would prefer to have a simple solution to design this. If you have any recommendations, do well to let me know. Thanks