Advice generator create with vite, react and typescript

Community feedback

• 

  Jeremiah Aworetan•90

  @jeremy0x

  Posted over 2 years ago

  Hi @stephenbliz!

  Excellent work on the challenge!

  Here's a suggestion that might help improve your code: instead of assigning a percentage width to your .wrapper element, you could set its width to 100% and establish a max-width value. This approach can help your design better accommodate different screen sizes, especially on mobile devices. Additionally, you may consider adding padding to the .section1 element to help improve the overall appearance.

  Keep up the good work!

  02
• 

  Evans Gitahi•80

  @gitahievans

  Posted over 2 years ago

  Hi @stephenbliz. Would you want to remove the horizontal scrolling in the app? The cause might be setting the width in the body using 'vw' (width: 100vw) which causes the app to extend beyond the screen's width. You could try setting it to a percentage value (e.g width: 100%).

  01