Daniel• 860
@Ghravitee
Submitted
Ansar
@ansarstellar
All comments
- Ansar• 110
@ansarstellar
Posted
Excellent. I like the way you use react, I just did it with plain css and js.
0 @konraddissake1808
Submitted
What are you most proud of, and what would you do differently next time?
I am proud of how the end product looks stunning and how everything looks visually close to the source material. Something I would do differently would be to further breakdown everything to smaller components from the start.
What challenges did you encounter, and how did you overcome them?
I had a lot of difficulties trying to pass the event handling function to the share button. I overcame this using the
"use client";keyword on my components as event handling aren't working server side. And for those who read this. Don't use the"use client";keyword in the page.tsx file of your Next projects, as it is not advisable for best practices purposes.What specific areas of your project would you like help with?
I would like some help on a way to close the share panel when there is a click anywhere on the page. It would be great if someone could help me with that. Thanks in advance.
Ansar• 110@ansarstellar
Posted
Good job fam! I want to learn bootstrap and next.js too.
0- dynamic109• 230
@dynamic109
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
Ansar• 110@ansarstellar
Posted
Good job, fam!
0 @ARAVINTHSAM
Submitted
Ansar• 110@ansarstellar
Posted
Amazing job!
0@GuilhermeFigueira
Submitted
This was a pretty quick project just to change things a bit, because i've been doing larger frontendmentor projects and it is taking lots of time. And feel free to give me suggestions or tips, i will appreciate it!
Ansar• 110@ansarstellar
Posted
Great job! I made the same mistake by making its size too big, so I can't judge you :)
1- Pattaraporn Tulathum• 200
@rainof
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of being able to create a recipe page, which was more complex than my previous challenges. Additionally, I successfully developed a responsive webpage for mobile devices.
What challenges did you encounter, and how did you overcome them?
I encountered challenges with the complex structure of the content and initially struggled to manage the different sections. I overcame this by reconsidering the related parts and grouping them, which made the structure more manageable.
Ansar• 110@ansarstellar
Posted
Damn, it looks like exactly the same! Great Job!
0 - Ansar• 110
@ansarstellar
Posted
Yes, the solution uses semantic HTML elements such as <h6> for headings and <img> for images. Partially accessible: The solution could be improved by adding alt text to the image to make it more accessible for screen readers, especially for visually impaired users. In the current code, the alt text is very generic ("Placeholder Image"), and it should be more descriptive. While the code works well on large screens due to the flex layout, smaller screens may face issues if the image is too wide. Adding media queries to adjust the image size and padding/margin based on screen width would improve the design’s responsiveness.
0 - Doniyorjon• 10
@kurbonovdoniyorbek
Submitted
Ansar• 110@ansarstellar
Posted
It is much simpler than mine. I like it. img, h1 and p elements are inside of just one div. I wrapped everything in separate divs.
I like styling of outside div, I will use gap element next time instead of struggling with padding and margin properties. Yes, semantic html it is accessible layout looks good it is more readable than mine they are alike, but there are some differences based on coder's own preferences.
0
