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

Teru-san

@EstelleRogesFrance140 points

Hello World, I'm a aspiring developer and my goal would be to create websites for people. I'd like to specialize in frontend because it's loads of fun for me!

Latest solutions

  • Room Home page (React / Sass)


    Teru-san•140
    Submitted almost 3 years ago

    0 comments
  • Huddle Landing page with curved sections


    Teru-san•140
    Submitted almost 3 years ago

    0 comments
  • Advice Generator App (HTML / CSS (Less) / Vanilla JS)


    Teru-san•140
    Submitted almost 3 years ago

    1 comment
  • FAQ component in HTML/CSS (I mean plain CSS, so prepare your eyes!)


    Teru-san•140
    Submitted almost 3 years ago

    0 comments
  • Intro component with SignUp form - HTML/Sass/Vanilla JS

    #sass/scss

    Teru-san•140
    Submitted almost 3 years ago

    1 comment
  • EstelleR - Interactive Rating Component


    Teru-san•140
    Submitted almost 3 years ago

    0 comments

Latest comments

  • mohammed el houssni•200
    @elhoussnimed
    Submitted almost 3 years ago

    FAQ accordion card

    1
    Teru-san•140
    @EstelleRoges
    Posted almost 3 years ago

    Hi, Your work has a good basis :).

    Here are the things I'd like to point out:

    • The use of the details tag is great! But when all the questions are opened, the content goes beyond the white content.

    • I saw you haven't use the mobile version of the images. I recommend you to use them as well as the "picture" tag for automatically switch the image according to the screen size.

    • There is an issue about how the contents are displaying on smaller screens. I also saw in your code that you're using percentages for the image (I'm talking about the mobile version). I also struggled about it and solved the issue by using pixels.

    Good luck for fixing all this!

    Marked as helpful
  • {"nickname": "JSON"}•30
    @vitor-ramalho
    Submitted almost 3 years ago

    Advice Generator App

    #fetch#react#tailwind-css
    1
    Teru-san•140
    @EstelleRoges
    Posted almost 3 years ago

    Hey, Your solution is nice :). I'd recommend a few things:

    • A better handling of the render on smaller screens, because there's no margin around the advice card starting from a width of 513 pixels.

    • The shadow of the button could be placed more accordingly to the goal design.

    • I saw you cheated with the picture! What you have done is really cool, but maybe you should try working with the actual given pictures. Maybe it would be interesting for you to use the HTML "picture" tag; I heard about it not so long ago and it's a nice option!

    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