@Sk01s
Masseh
@Masseh2025All comments
- @Masseh2025
Nice!
- @luisv79What are you most proud of, and what would you do differently next time?
In this project, I was able to apply concepts such as the use of reusable components, Props for passing information, States with useState, Effects with useEffect, Events in React, and Bootstrap for the design.
What challenges did you encounter, and how did you overcome them?The correct use of React properties gave me a lot of problems with connecting the components, but with persistence and searching the documentation I was able to resolve it.
What specific areas of your project would you like help with?Always good advice and guidance to improve and learn is always welcome.
@Masseh2025Congratulations for attempting this challenge. Some things I would say would be to start off small and make mini projects that emphasize some of the aspects in this projects such as implementing a counter. I would advise you to look at react context, and redux for state management. Anyways congratulations for attempting something hard.
- @Chermann-KING
Results Summary Component with Next.js, TypeScript and Tailwind CSS
#next#tailwind-css#typescript#accessibility@Masseh2025Nice! I really love the animation.
- P@gajbos99@Masseh2025
Very nice!
- @Ay-dotcode@Masseh2025
this is very nice but a fews things I would add are
- when in a smaller screen the author section isn't there
- I would follow a video tutorial on "How to make a tooltip"
- use rem for font-size instead of em
- don't use camel case for naming ids
- use rem for padding and margins when possible
anyways good job 👍
Marked as helpful - @skyleranglh@Masseh2025
Very nice good job!
- @Faisalbaig1998@Masseh2025
This solution looks neatly styled but I would avoid adding fixed Widths to the .card class and add a max width of 1100px - 1200px to the card container. Also I would deploy the media query earlier.
Marked as helpful - @Shikonga@Masseh2025
Its responsive for the most part but one thing I would say is that it kind of gets messy between 600px-375px I don't know if this was a mistake because when you get past that it gets responsive.
- @Ojay16What are you most proud of, and what would you do differently next time?
I am most proud of how I used Flexbox to align the contents of my table using the
flex: 1;property.
What challenges did you encounter, and how did you overcome them?.nutrition-list li { flex: 1; text-align: left; }The only challenge I had was aligning the gram content of the table, but after a little research, I learned how to use Flexbox to achieve the required outcome.
By using the flex: 1; property, I was able to allow the list items to grow and shrink as needed, which enabled me to apply the align-items: left property.
@Masseh2025This is a very good solution but one thing I would do would be to use rems/ems and color variables.
Marked as helpful - @Sazid99246@Masseh2025
This is a very nice solution but one thing I would do if i were you would be to remove the bottom margin from the last button.
Marked as helpful - @GraceMCodesWhat challenges did you encounter, and how did you overcome them?
I am having trouble accessing the designs so I had to think outside the box. Any help will be much needed.
What specific areas of your project would you like help with?In the footer section definitely need help with the css display properties
@Masseh2025If I were you I would probably try to understand the basics more then try this challenge again.
- @vvvasaviiWhat are you most proud of, and what would you do differently next time?
I'm mostly proud of how i was actually able to build my first ever project and use version controls correctly.I'm also quite proud of how i didn't just give up and cheat my way out of this with countless challenge solutions on ytube. Next time i would be more precise with my code and will hopefully try to complete it a bit early.
What challenges did you encounter, and how did you overcome them?Although very basic but flexbox gave me a hard time even though i thought i had the basics down clearly. i overcame it by deepening my understanding of flexbox.
What specific areas of your project would you like help with?Pls read my code and tell me the unecessary or redundant piece of codes,if you happen to have some spare time.Also pls provide any critical feedback,even and especially the negative ones.Thank you in advance.
@Masseh2025By the way I noticed that you used alot of ids in your code, I think you would be fine just using class names for the most part unless you really need them and remove the unnecessary "child" classes and try to make the names a little more descriptive. For exmaple instead of naming your img "img" I would name it qr-code-img.
Marked as helpful - @vvvasaviiWhat are you most proud of, and what would you do differently next time?
I'm mostly proud of how i was actually able to build my first ever project and use version controls correctly.I'm also quite proud of how i didn't just give up and cheat my way out of this with countless challenge solutions on ytube. Next time i would be more precise with my code and will hopefully try to complete it a bit early.
What challenges did you encounter, and how did you overcome them?Although very basic but flexbox gave me a hard time even though i thought i had the basics down clearly. i overcame it by deepening my understanding of flexbox.
What specific areas of your project would you like help with?Pls read my code and tell me the unecessary or redundant piece of codes,if you happen to have some spare time.Also pls provide any critical feedback,even and especially the negative ones.Thank you in advance.
@Masseh2025Overall its pretty good, but one thing I would probbaly to make the solution a little bit bigger.
