Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
9
Che Fernandez
@CheFernandez99

All comments

  • Md Abid Hussain•400
    @md-abid-hussain
    Submitted over 1 year ago

    Advice generator app

    #react#tailwind-css#vite
    1
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    may i ask how you got that button to stay on the container as the container moves, im assuming you made the position absolute. I had an issue where the advice moving also moved the container and my button wouldn't stick to the container and move with it lik yours is

  • Sameh•430
    @SamehCode
    Submitted over 1 year ago

    i look for you feedback guys, feel free to say even negative

    2
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    hi I copied your code from git hub, i will edited the issues and send the edits back to you! if you like it you can merge it with your original code, if not then you don't have to. let me know what you think?

  • Sameh•430
    @SamehCode
    Submitted over 1 year ago

    i look for you feedback guys, feel free to say even negative

    2
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    great effort just a few things. you should change the background colour of the right box in mobile you should make the width the same as the box width, make the colours solid not transparent. for mobile optimization it helps to open the port on your mobile phone.

    Marked as helpful
  • wahidullahsharify•20
    @wahidullahsharify
    Submitted over 1 year ago

    Result Summary Component Solution

    2
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    your design looks great, however it is clippping at the top of the page on mobile devices, id recommend adding a margin to the top. Great work!!

  • Chriscent Pingol•310
    @KishonShrill
    Submitted over 1 year ago

    Responsive Interactive Rating Component

    1
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    one question, why use var instead of const since this is es6?

  • natancent•70
    @natancent
    Submitted over 1 year ago

    e.g Use Flexbox and Responsive @media queries

    #sass/scss
    1
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    I believe you put your divs in a section or another div cause it fits my mobile screen however its nit responsive to my mobile it just shows the desktop design buy on mobile. The mobile version is easy with a media query just look into media queries

    Marked as helpful
  • Mohamed Mostafa•540
    @Mohamedkazafy
    Submitted over 1 year ago

    FAQs page

    1
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    Not bad, work on trying to centre the div and adding margin to keep your icons inline Also try making the icon size the same. The background image seems like it's not there at all, it would help to had background img src and position it to top But overall good effort

    Marked as helpful
  • Pierre Castro•40
    @pierre-castro
    Submitted over 1 year ago

    FAQ Accordion using React

    1
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    Hey looks not too bad, idk if you used javascript and css I can't find those files on github. But I viewd your site on my mobile and it needs a media query in css the app doesn't fit my mobile screen media queries with small screen size can fix this issue. You're icons are functional. I just could find your code to see what you were doing. But overall good

  • Che Fernandez•170
    @CheFernandez99
    Submitted over 1 year ago

    results summary with javascript json

    2
    Che Fernandez•170
    @CheFernandez99
    Posted over 1 year ago

    i noticed after i uploaded the project that the button went outside the box this is likely due to margins.

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