Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
45
Bhremada Fevreano
@boedegoat

All comments

  • AditNovadianto•1,040
    @AditNovadianto
    Submitted almost 3 years ago

    Responsive landing page using Tailwindcss and React js

    #react#tailwind-css
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted almost 3 years ago

    Nice one @AditNovadianto. One thing is missing. You should make the mobile navbar close when the user clicks outside. And don't forget to fix the accessibility issues. As always keep it up and enjoy coding 🔥

  • AditNovadianto•1,040
    @AditNovadianto
    Submitted almost 3 years ago

    Responsive landing page using react + tailwind

    #react#tailwind-css
    3
    Bhremada Fevreano•1,395
    @boedegoat
    Posted almost 3 years ago

    Nice one @AditNovadianto. I like the blur transparent effect on the mobile nav opened. Also, try to fix all those accessibility issues. Keep it up 🔥

    Marked as helpful
  • Gilang Aditya•425
    @madegilangaditya
    Submitted about 3 years ago

    Responsive landing page using react JS

    #react#sass/scss
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good work @madegilangaditya. The design is pretty neat and responsive as well. To get rid of those accessibility issues, you can wrap all of your components with a <main> tag. Also, I think it would be nicer if you make clicking outside will close the mobile menu or modal. Other than that, keep it up and enjoy coding.

  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive chart component using Tailwindcss

    #react#tailwind-css
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Very good @AditNovadianto!

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive landing page using Tailwindcss + React

    #tailwind-css#react
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great job @AditNovadianto, I like how you implement those animations to make the site more live. Keep it up and enjoy coding 🎉

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive website and theme switcher with Tailwind css

    #react#tailwind-css
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Nice work @AditNovadianto, Just remainder, kindly check the issues there and there is some kind of weird gap in top part, try remove the vertical padding in your container. Other than that, keep it up and enjoy coding

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive time tracking dashboard with React and Tailwindcss

    #react#tailwind-css
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Nice work @AditNovadianto, as above comment said, try fix those accessibility and layout issues. Other than that, just keep doing more project especially with react so you can get more better and better.

    Keep it up and enjoy coding

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive project with Tailwind css

    #react#tailwind-css
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great work @AditNovadianto. The result looks really great and its responsive as well. I think you getting better. So keep it up and enjoy coding.

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    Responsive landing page with tailwind css

    #react#tailwind-css
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great work @AditNovadianto. You've done fantastic work.

    Just remainder, take a look at your accessibility issue, try to fix it by wrapping your entire app with <main> tag. Also, I think that mobile menu should be closed when user click outside it.

    Other than that, keep it up and enjoy coding

    Marked as helpful
  • Prabhash Ranjan•2,540
    @besttlookk
    Submitted about 3 years ago

    Responsive Intro-section-with-dropdown using NEXT + Styled-components

    #accessibility#next#styled-components
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great work @besttlookk. The result looks really great.

    But there is one small issue, the mobile menu is kinda pushed to the right on <375px screen size so it's not responsive yet.

    I think it's because the inset property in MobileNavigation_Wrapper, on what I have tried before, deleting inset and adding these styles may fixed the issue :

    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    

    Other than that, keep it up and enjoy coding

  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox, SASS

    #sass/scss
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great work @AditNovadianto. Congratulations for finishing another challenges.

    Some of your issues have been explained by @Prabhash Ranjan. So I suggest you to learn more about the usage of max-width to make your layout more responsive.

    Other than that, keep it up and enjoy coding !

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox

    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good job @AditNovadianto

    One thing to note, you might use <main> tag to be the container of your app in order to fix those accesibility issue.

    Other than that, keep learning and enjoy coding ☕

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox

    3
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good work @AditNovadianto

    One thing to note, it seems you forgot to make the mobile style for the app.

    Other than that, keep learning and enjoy coding ☕

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox

    3
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good work @AditNovadianto

    To address those ACCESSIBILITY issues, add <main> tag to be the container.

    Other than that, keep learning and enjoy coding ☕

    Marked as helpful
  • Muhammad Naufal Farras•270
    @naufalf25
    Submitted about 3 years ago

    Interactive Rating Component

    #accessibility#styled-components
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Great work @naufalf25

    You did the project pretty good. The rating system works well. But, it seems like you forgot to handle a case where user is immediately click on submit button without selecting any rating. As a result it will display 'You selected undefined out of 5'.

    Other than that, keep learning and enjoy coding ☕

  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox, SASS

    #sass/scss
    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good job @AditNovadianto

    You did it pretty good. I like the shake animation when user is not selecting any rating.

    keep learning and enjoy coding ☕

    Marked as helpful
  • Marianpicco•30
    @Marianodsad
    Submitted about 3 years ago

    Order-summary-component

    2
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good job @Marianodsad

    It seems like the background images are repeating which is not very good. Here's how you can fix that :

    background-repeat: no-repeat;
    

    Add that property and the problem should be fixed.

    Other than that, keep learning and enjoy your coding journey ☕

    Marked as helpful
  • AditNovadianto•1,040
    @AditNovadianto
    Submitted about 3 years ago

    CSS Flexbox, SASS

    #sass/scss
    1
    Bhremada Fevreano•1,395
    @boedegoat
    Posted about 3 years ago

    Good job @AditNovadianto

    The form is working great and you have no issues at all, that's really nice. But it seems your responsive layout is not doing good. Even for 375 px, the layout is overflowing. So I really suggest you to fix that and learn more about how to make things have better responsive.

    Other than that, keep it up and happy coding ☕

    Marked as helpful
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

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