none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
The logic used for the strength part is impressive, thank you for giving me another point of view.
Hello, good job. The custom should be an input to enter the desired percentage. Using some function to round the results would be optimal to prevent the container from overflowing with so many digits.
I'm really proud of the fact that I was able to complete this project in a timely manner
Also, I got really good at Grid. Learned a trick or two about Grid doing this project
What challenges did you encounter, and how did you overcome them?I think the only challenge was to get the svg behind the div. That took most of my time.
I overcame this by setting one of the card's display to grid and then putting grid-template-column: 25% 75%
that solved the problem for me
I would like some feedback on my JavaScript code
I feel like there was a lot of repetition to it and I would love some feedback if I can cut down on some of those
I used a different approach, I take the container collection, loop through the json with forEach, and load the data into the container array.
Good job, the detail of the input in red is missing in case of an error
The fact that I was able to write the JavaScript code for this component without any googling .
What challenges did you encounter, and how did you overcome them?I had trouble with writing the css for the triangle beneath the social share . After several search and videos, I pull it off.
What specific areas of your project would you like help with?As usual, if you find best practices that can help improve the codes, you know what to do. Thank you.
Excellent work, I could see a simpler way to get the job done, thank you very much.
I managed to make it work. I am most proud of using fluid typography and only a minimal amount of media queries.
What challenges did you encounter, and how did you overcome them?Switching to the divided picture was a bit difficult, and to get the positioning and the sizes right. Also, I am still thinking about the transition to the hover states, as I am not quite satisfied with the result.
What specific areas of your project would you like help with?Any suggetions regarding cool transitions to hover states would be appreciated. Also, regarding the switching to the design for wider screens, or basically anything constructive would be highly appreciated.
the design and layout
What challenges did you encounter, and how did you overcome them?It was a struggle to use grid at first. but then research and few friends helped out
What specific areas of your project would you like help with?i would love to know if there is any other improvement I could have made to make the design better
excellent work, a detail, in terms of semantic HTML, it is generally not recommended to use multiple <h1> tags. This approach helps to maintain a clear hierarchy and improves the accessibility and SEO of your website.
Getting the colored highlight at the was more difficult than anticipated, but I managed to create that look by using pseudo-elements. I also used data-values to change the colors of them. Since I wasn't sure what box-shadow color was used in the template I decided to also use the data-value for the color. I think it came out good!
What challenges did you encounter, and how did you overcome them?What I wrote in the previous section pretty much, pseudo elements are pretty useful I guess!
What specific areas of your project would you like help with?I decided to use clamp() for setting my header font-sizes, but it took a lot of tweaking to get right. I think I don't quite understand how to use clamp() yet, maybe someone can explain some best practices!
Excellent work, in my case I used grid, it's good to see another type of solution, thanks.
excellent work, a detail is that on screens from 376px to 600px the content cannot be viewed correctly.
I keep practicing the relative units, so It makes me glad to finish another project and trying to improve.
What challenges did you encounter, and how did you overcome them?Some minor adjustment in margins and paddings.
What specific areas of your project would you like help with?Any suggestions and tips will be appreciated.
Very good job, the background color of the recipe is actually white
Very good job, it would be nice to add some semantic html as main or section.
Greetings, it is a good option to use min-height = 100 vh and margin:0, so that the background expands throughout the body. Great job