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

Shann Timothy

@ShannTimothy22Indonesia160 points

Hi There, I'm a self taught Frontend developer in Surabaya, Indonesia. with a passion for web development and technology. I like to spend most of my free time coding and sometimes gaming. It's been a great journey learning web development especially in the front end part.

I’m currently learning...

HTML-SCSS/CSS-JavaScript-React-Bootstrap

Latest solutions

  • Interactive Comment Section using React and Sass

    #react#sass/scss

    Shann Timothy•160
    Submitted almost 3 years ago

    0 comments
  • Responsive Interactive Dropdown Navigation using CSS grid and flexbox


    Shann Timothy•160
    Submitted about 3 years ago

    0 comments
  • Advice Generator App

    #fetch

    Shann Timothy•160
    Submitted over 3 years ago

    1 comment
  • Responsive Interactive Rating Component using HTML CSS and JS


    Shann Timothy•160
    Submitted over 3 years ago

    1 comment
  • Tip App Calculator using HTML SASS and JS

    #sass/scss

    Shann Timothy•160
    Submitted about 3 years ago

    1 comment

Latest comments

  • Tainara•30
    @tainarapalmeira
    Submitted over 2 years ago

    Responsive product card component using Flexbox

    2
    Shann Timothy•160
    @ShannTimothy22
    Posted over 2 years ago

    Congratulation on finishing the challenge 🥳 , your solution looks great and there's no accessibility issues and html issues, I have a suggestion

    • The container seems to have fixed height, it makes your content can't fit in the container you can fix that by removing the fixed height after that add some padding-bottom to your button container and the problem is fixed

    If there’s still any problem I recommended you watch Kevin Powell on youtube, the channel will help you a lot on your coding journey, other than that good job on finishing the challenge and happy coding 😁!!

    Marked as helpful
  • Elona•60
    @devel0na
    Submitted almost 3 years ago

    Card component using basic HTML and CSS

    1
    Shann Timothy•160
    @ShannTimothy22
    Posted almost 3 years ago

    Congratulation on finishing the challenge 🥳 , to help you with some of your question, here's some answer that I think could help :

    • To give elements space without using padding and margin you can use flex or grid and use “gap” then you specify how much the space is

    • If you don’t want to use css to give the body a background, the most common way is you add background image attribute inside the <body> tag

    • For responsiveness styling I think it’s still okay to use forced sizes as long as you added the correct breakpoint, but there’s another way to scale elements other than forced sizes for example, you can use “clamp”, “min” or “max” for these I recommend you watch Kevin Powell on youtube, he gave a very good explanation about the topic

    Another thing I want to add is It’s seems there’s some accessibility issues to help you with that you can change the container <div> to <main>, the main reason for the issue is for it’s harder for screen user to navigate the website, also for best practice every page should at least contain level-one heading <h1>, I suggest you change the word “order summary” from a <div> to <h1>

    Other than that good job on finishing the challenge, I hope this helps and good luck on your coding journey 😁 !!

    Marked as helpful
  • Mohammed-Abol-Fotouh•80
    @Mohammed-Abol-Fotouh
    Submitted almost 3 years ago

    Qr code challenge with css flexbox

    1
    Shann Timothy•160
    @ShannTimothy22
    Posted almost 3 years ago

    Congratulation on finishing the challenge 🥳 , your solution looks great and there's no accessibility issues and html issues, I have some few suggestion

    • The container seems to have fixed height, it makes your content overflowing you can fix that by removing the fixed height

    • It also seems there’s a few problem with some of the breakpoints (responsiveness), you can fix the problem by simply adding more breakpoint

    • For the padding and margin, it’s recommended to use scaling such as rem

    If there’s still any problem I recommended you watch Kevin Powell on youtube, the channel will help you a lot on your coding journey, other than that good job on finishing the challenge 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