@AlexanderTejedor
Submitted
What are you most proud of, and what would you do differently next time?
In this challenge, I was able to apply the positioning of background images again with the properties I learned from the previous challenge. I'm super proud to keep practicing this type of positioning. It has helped me a lot, and I learned a new property, which is background-size, that helped me scale the image!!!
Submitted
What are you most proud of, and what would you do differently next time?
Great challenge, it helped me improve my skills and encounter new challenges to solve. 🙌
What challenges did you encounter, and how did you overcome them?
Super cool challenge! I actually had a lot of trouble positioning the two circles in the HTML. I looked for inspiration and even asked in forums until finally, in one of the other developers' challenges, I came across a comment by @danielmrz-dev as feedback to a developer. It surprised me; I didn't know you could put more than two images as a background and even position them from there. Here, I share the code snippet, and many thanks to @danielmrz-dev for that contribution!!! 🤝
body{
position: relative;
background-color: var(--dark-cyan);
background-image: url("./assets/images/bg-pattern-top.svg"), url("./assets/images/bg-pattern-bottom.svg");
background-repeat: no-repeat, no-repeat;
background-position: right 52vw bottom 35vh, left 48vw top 52vh;
}
Submitted
What are you most proud of, and what would you do differently next time?
Overall, a very fun challenge, it helped me continue reinforcing my skills! 🙌
Submitted
What are you most proud of, and what would you do differently next time?
Overall, a very fun challenge, it helped me continue reinforcing my skills! ❤️🔥
Submitted
What are you most proud of, and what would you do differently next time?
Overall, a very fun challenge, it helped me continue reinforcing my skills!
Submitted
What are you most proud of, and what would you do differently next time?
Overall, a very fun challenge, it helped me continue reinforcing my skills!
What challenges did you encounter, and how did you overcome them?
I had a small problem: the image does not occupy 100% of its parent container. That's why, when I hover over the image, the hover effect looks off. If anyone has an idea why this happens, I would be very grateful!
Submitted
What are you most proud of, and what would you do differently next time?
Overall, a very fun challenge, it helped me continue reinforcing my skills!
Submitted
What are you most proud of, and what would you do differently next time?
In this challenge, I learned a lot about basic JavaScript. I learned how to add elements to HTML from JavaScript, how to add classes to those elements, and how to clear an entire container to remove the elements contained within it. I also learned how to enable and disable the submit button if a condition is not met. I learned many things today. I know there might be an easier or even more optimal way, but I feel proud of my progress. 🙌
Submitted
What are you most proud of, and what would you do differently next time?
Overall, I found it to be an excellent challenge to practice my skills and keep refining them. 😊
What challenges did you encounter, and how did you overcome them?
I had a bit of difficulty when making the image responsive, but it was nothing that couldn't be solved.🙌
Submitted
What are you most proud of, and what would you do differently next time?
In this challenge, I liked that I was able to remember how to use gradients and shadows. It was very useful for improving frontend skills and also for creating amazing web pages.
What challenges did you encounter, and how did you overcome them?
I managed to use the JSON file to dynamically fill the elements, but I didn't want to add it because I still need more practice. In future challenges, I will continue studying enough to be able to implement them in the best way.
Submitted
What are you most proud of, and what would you do differently next time?
I loved the interaction I was able to have with JavaScript. I still have a lot to improve, but the fact that I implemented what I've learned fills me with pride.
What challenges did you encounter, and how did you overcome them?
Undoubtedly, implementing JavaScript was a challenge for me, but I managed to complete it and fix it.
Submitted
What are you most proud of, and what would you do differently next time?
Honestly, I liked everything about this project. It was a constant learning experience on how to solve different internal challenges in the document.
What challenges did you encounter, and how did you overcome them?
The only problem I had in the challenge was the table at the end. At first, I couldn't get the border to appear at the bottom of each of the nutritional values. I researched a lot and was about to just put everything in a container and use the ::after pseudo-element, but in the end, I didn't give up and kept researching until I found the solution.
Submitted
What are you most proud of, and what would you do differently next time?
I feel proud of being able to solve a challenge with the tools provided, for example, just the images, since I don't have the Pro version. However, that wasn't an impediment to presenting something decent and very similar to the original.
It's always good to get feedback from other users. I'm not an expert and I'm still learning. I know I can make many aspects of my code more optimal and much better!
Submitted
