Latest solutions
Product preview card component with react
#reactPSubmitted about 2 months agoI need help in product photo area with react state logic. Why doesn't product photo get replaced as screen gets larger?
Recipe page with HTML and CSS
PSubmitted about 2 months agoI'd like to learn how to make some space between list bullet point and text.
QR code in single page with basic HTML and CSS
PSubmitted 2 months agoI still need to work on responsive design, especially media query. I'd like to know how this qr code could be fit on a larger screen out of mobile.
Latest comments
- @KTkodehodeP@yk-david
Good
- Semantic html such as <figure>
- Tailwind CSS makes your code DRY and more readable
Room for improvement
- Your preview link seems broken (github page issue, I guess)
- Solution is a little up-scaled compared to original design
Generally, good work!
- @IamojochenemiWhat are you most proud of, and what would you do differently next time?
Proud of the styling, really like it
What challenges did you encounter, and how did you overcome them?Encountered a slight challenge with styling the table, I looked it up and saw the right way
What specific areas of your project would you like help with?I need help with my styling, please let me know what I'm doing wrong
P@yk-davidI like the shadow effect on app container that looks nice.
And here's some suggestion.
- Your website is responsive, but as the viewport increases, it would be nice to scale up elements like font-size for a better readability.
- In 'Preparation time' section, add some padding-left to match with the design.
Generally, well done and keep continuing your challenge!
- @ksakthivel2177P@yk-david
Good
- Good approach in choosing react
- It seems you used a css framework? It simplifies your css code and easy to read and maintain too.
Suggestion
- Adding href attribute in a element to simulate the real
- Having ::active status would be good too
- @YahyaSopianP@yk-david
Nice work with semantic elements like main. Comprehensive class naming is also a plus.
Marked as helpful - @xuanphu2701What are you most proud of, and what would you do differently next time?
Finally I can understand the flex and make it work!
What challenges did you encounter, and how did you overcome them?The layout is quite frustrating, but finally I can overcome it
What specific areas of your project would you like help with?Nope recently
P@yk-davidGenerally well done using flexbox. And If I can make a point, you could use google fonts in your code to match design file.