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

Che Fernandez

@CheFernandez99Cape Town170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

Javascript

Latest solutions

  • Responsive homepage with React

    #typescript#react

    Che Fernandez•170
    Submitted over 1 year ago

    0 comments
  • advice app with api

    #react#typescript

    Che Fernandez•170
    Submitted over 1 year ago

    0 comments
  • blog preview card


    Che Fernandez•170
    Submitted over 1 year ago

    0 comments
  • article preview component


    Che Fernandez•170
    Submitted over 1 year ago

    0 comments
  • QR code component


    Che Fernandez•170
    Submitted over 1 year ago

    2 comments
  • Interactive rating component CSS & JS


    Che Fernandez•170
    Submitted over 1 year ago

    1 comment
View more solutions

Latest 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
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