What are you most proud of, and what would you do differently next time?
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
Lucas Barros
@BarrosLucasJavier
All comments
- Lucas Barros• 350
@BarrosLucasJavier
Posted
The logic used for the strength part is impressive, thank you for giving me another point of view.
Marked as helpful
0 - Aaliyan10• 190
@Aaliyan10
Submitted
Lucas Barros• 350@BarrosLucasJavier
Posted
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.
0 - Mukarram Haq• 230
@MukarramHaq
Submitted
What are you most proud of, and what would you do differently next time?
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 meWhat specific areas of your project would you like help with?
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
Lucas Barros• 350@BarrosLucasJavier
Posted
I used a different approach, I take the container collection, loop through the json with forEach, and load the data into the container array.
0 - sreos• 110
@sreos
Submitted
Lucas Barros• 350@BarrosLucasJavier
Posted
Good job, the detail of the input in red is missing in case of an error
0 - Mike• 180
@sanyomor-01
Submitted
What are you most proud of, and what would you do differently next time?
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.
Lucas Barros• 350@BarrosLucasJavier
Posted
Excellent work, I could see a simpler way to get the job done, thank you very much.
0 What are you most proud of, and what would you do differently next time?
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.
Lucas Barros• 350@BarrosLucasJavier
Posted
Amazing work, a different way of solving
0- Samuel Nerat• 120
@Samuelnerat
Submitted
What are you most proud of, and what would you do differently next time?
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
Lucas Barros• 350@BarrosLucasJavier
Posted
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.
0 - Justin• 100
@aduatgit
Submitted
What are you most proud of, and what would you do differently next time?
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!
Lucas Barros• 350@BarrosLucasJavier
Posted
Excellent work, in my case I used grid, it's good to see another type of solution, thanks.
0 - Sardor Akmalovich• 190
@akmalov11c
Submitted
Lucas Barros• 350@BarrosLucasJavier
Posted
excellent work, a detail is that on screens from 376px to 600px the content cannot be viewed correctly.
0 - Gabriel• 140
@Ghm84
Submitted
What are you most proud of, and what would you do differently next time?
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.
Lucas Barros• 350@BarrosLucasJavier
Posted
Very good job, the background color of the recipe is actually white
1 - Maria Fernanda• 110
@nandahn
Submitted
Lucas Barros• 350@BarrosLucasJavier
Posted
Very good job, it would be nice to add some semantic html as main or section.
0 - TaiwoSaidat• 10
@TaiwoSaidat
Submitted
Lucas Barros• 350@BarrosLucasJavier
Posted
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
1
