Latest solutions
- Submitted 17 days ago
Product preview card component with react
#react- HTML
- CSS
I need help in product photo area with react state logic. Why doesn't product photo get replaced as screen gets larger?
- Submitted 22 days ago
Recipe page with HTML and CSS
- HTML
- CSS
I'd like to learn how to make some space between list bullet point and text.
- Submitted about 1 month ago
Blog preview card with HTML and CSS
- HTML
- CSS
Any feedback or comment would be welcome.
- Submitted about 1 month ago
QR code in single page with basic HTML and CSS
- HTML
- CSS
I 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
- @KTkodehodeSubmitted about 2 years agoP@yk-davidPosted 17 days ago
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!
0 - @IamojochenemiSubmitted 23 days agoWhat 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-davidPosted 22 days agoI 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!
0 - @ksakthivel2177Submitted about 1 month agoP@yk-davidPosted 28 days ago
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
0 - @YahyaSopianSubmitted about 1 month agoP@yk-davidPosted about 1 month ago
Nice work with semantic elements like main. Comprehensive class naming is also a plus.
Marked as helpful0 - @xuanphu2701Submitted about 1 month agoWhat 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-davidPosted about 1 month agoGenerally well done using flexbox. And If I can make a point, you could use google fonts in your code to match design file.
0