Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
120

bunee

@buneeIsSloAt my desk2,020 points

Hi there, my name is Bunee. I'm a Frontend developer with a keen interest in building web apps that are intuitive, accessible, and visually pleasing. I'm currently freelancing and forever learning. 🚀

I’m currently learning...

React⚛ + TypeScript✔

Latest solutions

  • 📰 Newsletter Sign-up Form | React | TS | TailwindCSS | Radix-UI

    #react#tailwind-css#typescript#vite

    bunee•2,020
    Submitted almost 2 years ago

    0 comments
  • Multi-step Form | React | TS | TailwindCSS 🔢

    #react#tailwind-css#typescript#vite#accessibility

    bunee•2,020
    Submitted about 2 years ago

    0 comments
  • 🎫 Advice Generator | React | SCSS | Webpack

    #accessibility#react#sass/scss#fetch

    bunee•2,020
    Submitted almost 3 years ago

    2 comments
  • ⭐ Interactive Rating Component | React | SCSS | Webpack

    #react#webpack#sass/scss

    bunee•2,020
    Submitted about 3 years ago

    3 comments
  • ⏳Launch Countdown Timer | HTML-CSS-JavaScript | Canvas | Webpack

    #accessibility#webpack#node

    bunee•2,020
    Submitted over 3 years ago

    2 comments
  • 🔹Base Apparel | JavaScript | HTML-CSS | Webpack

    #accessibility#webpack#lighthouse

    bunee•2,020
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • tediko•6,700
    @tediko
    Submitted over 1 year ago

    Responsive blog-preview-card using BEM and flexbox

    #bem
    3
    bunee•2,020
    @buneeIsSlo
    Posted over 1 year ago

    Hey @tediko! Awesome to see you sharing solutions again!

  • K.ERD•170
    @DrGring
    Submitted almost 2 years ago

    Four Card Feature Section Solution by HTML/CSS

    #accessibility
    1
    bunee•2,020
    @buneeIsSlo
    Posted almost 2 years ago

    Feedback you want, feedback you get.

    Great job on the solution! Everything works as it should. Here are a few things you should consider fixing:

    • Your content should be wrapped around a <main> tag instead of an <article> tag. This change would make your code more semantic and improve accessibility.

    • Always remember to include an h1 in your websites. It is necessary for web crawlers to crawl your website effectively, and it will significantly improve your website's SEO.

    That's pretty much all I have. I hope this helps :)

    Marked as helpful
  • dia ♡•200
    @diaasaur
    Submitted about 2 years ago

    Invoice App using zustand, radix-ui, react hook forms and nivo

    #react#react-router#zustand#vite
    2
    bunee•2,020
    @buneeIsSlo
    Posted about 2 years ago

    Hey, Dia! I don't have any feedback on this one, but I must say the solution you've created is amazing! Everything functions smoothly, and incorporating a dashboard is an excellent idea. I've been playing around with radix-ui, and I believe I can learn a lot from your well-structured code, so thank you. Keep up the great work! :)

  • Lukasz-Milde•150
    @Lukasz-Milde
    Submitted over 2 years ago

    Simple JS/ Flex/ Animation

    #animation
    1
    bunee•2,020
    @buneeIsSlo
    Posted over 2 years ago

    Hey! @Lukasz-Milde, Good job on this challenge; The animations are pretty smooth as well.

    This challenge would be trivial to solve with the help of the <details> and <summary> tags, do look into it :)

    Marked as helpful
  • Alicia Laborda•20
    @alicialaborda
    Submitted almost 3 years ago

    Responsive landing page using CSS flexbox

    2
    bunee•2,020
    @buneeIsSlo
    Posted almost 3 years ago

    Hey! @alicialaborda, Congratulations on completing your first challenge here. You've put some solid effort into this one!

    To solve your issues, I recommend you take the "Conquering responsive layouts" course(free) by Kevin Powell. I learned a lot about responsive layouts by going through this course and I'm sure you will too. However, if you don't have the time to go through it, this video by him should help too.

    Hope this helps :)

  • Paulo Henriques•160
    @sqirum
    Submitted almost 3 years ago

    Responsive coming soon w/ vanilla js

    1
    bunee•2,020
    @buneeIsSlo
    Posted almost 3 years ago

    Hey! @sqirum, Good job on completing this challenge. I have a couple of suggestions for you...

    1. The email submit button is missing focus styles. This is an important thing to add as this helps keyboard users navigate the site.

    2. The method you've currently used to set the hero image works fine, but using a <picture> tag would be much more appropriate. This will also improve the responsiveness of your site.

    3. Speaking of responsiveness, consider using a mobile-first approach when building a site. Watch this video to learn about the advantages of the mobile-first approach.

    Hope this helps :)

    Marked as helpful
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub