What are you most proud of, and what would you do differently next time?
I'm very happy to be developing these challenges in an agile way, and each passing challenge, the more I feel how much I'm improving in the way I think and code, although I'm often apprehensive about whether my way of thinking is optimized or not đ
What challenges did you encounter, and how did you overcome them?
Nothing in particular
What specific areas of your project would you like help with?
I am open to suggestions on what and how to improve đ
What are you most proud of, and what would you do differently next time?
I'm proud to use Grid on this project and starting to use rem. I was also able to use position a lot (and especially the positioning of the background patterns that I had so much difficulty with last time). Furthermore, I also started to learn more about git and how to use the terminal, and this was my first project that I used another branch :D
I'm very excited about the next challenges ahead
What challenges did you encounter, and how did you overcome them?
To be honest, the most annoying thing to do was the positioning of the scalable items, not because it was difficult but I was afraid that I was making a mistake. But it ended up that after finishing my challenge I popped into the gpt chat so he could check it out my code if there were unnecessary things or redundancy, to my great happiness he didn't find anything and said that my code was already well optimized!!
What specific areas of your project would you like help with?
Still, if anyone has suggestions on what to improve, I look forward to it! đ
What are you most proud of, and what would you do differently next time?
Well, making the card was actually quite easy and I learned a few more semantic tags. But I can't say the same for the background... I tried all afternoon to make it, but I really couldn't make it responsive :/.
What challenges did you encounter, and how did you overcome them?
As I said above, my biggest challenge was the two background patterns. I knew I needed to use position, and even though I managed to position the elements where I wanted, when changing the screen's responsiveness it bugged the entire code, even the centered card was off center because the bgpatterns didn't decrease, so they ended up remaining on the screen ( even with the hidden overflow), I looked for help and even tried to search on YouTube and see this part of other people's resolutions, but I still couldn't.
What specific areas of your project would you like help with?
If anyone can help me with the responsiveness of the background I would appreciate it, I will change whatever is necessary, from the html, classes or other things.
And if I did something that wasn't very good, overdone or redundant, I'd love to know that too.
What challenges did you encounter, and how did you overcome them?
I had to do a little work on the image mask, but I confess that where I spent the most time was the responsiveness, I didn't think it looked as good on medium screens as I would have liked, but now I think it's ok.
What specific areas of your project would you like help with?
I want to know if my code is in the right way, or if I was complicating simple things :/
What are you most proud of, and what would you do differently next time?
I am proud of the ease and agility I am having in developing these challenges.
I noticed that I am thinking faster and more familiar with code.
What challenges did you encounter, and how did you overcome them?
To be honest, most of the process was pretty easy, but it got complicated when it came to creating the mask for the active link in the image.
I was on the right track, but the link still didn't appear. I remembered that in the course I'm taking they solved this challenge and I went to take a look. That's when I saw that I had to put the absolute position and display flex so that when I put the relative position on the hover it would cover that entire area. But it was a lot of work anyway :/
What specific areas of your project would you like help with?
What are you most proud of, and what would you do differently next time?
I'm proud of the responsiveness and the gradient design, to be honest I didn't know how to do the gradient and I took a good look at w3schools and some videos on YouTube.
I thought it looked really cool and I also ended up adding a hover effect to the average score.
What challenges did you encounter, and how did you overcome them?
The biggest challenges were the gradient and the border of the averageScore div, in fact I made the page very smoothly but I noticed that in the design of the challenge, the average score container has a radius and this radius has a solid border.
I tried, I researched, I even looked for some solutions on the internet but I didn't find any way to do it :/
p.s.: An example of an attempt (which came closest to work) was the use of a gradient on the border, leaving the middle areas transparent and the corners with color, but it didnt work, I couldn't put the radius on the border :-:
What specific areas of your project would you like help with?
If anyone knows a way to style the border thickness only in the round corners of the radius, please teach me.
What challenges did you encounter, and how did you overcome them?
When I thought about the structure of the nav bar I used lists with links, and styled the hover on the list, it worked, but the link only worked when I clicked exactly where it was written, it wasn't what I wanted.
After trying to solve it using this structure, I thought about changing things and replaced the main structure with buttons, in fact it was the same thing, it just had a button inside the link, the styling ended up flowing much easier than before and I was happy with the result
So I looked on YouTube at someone's solution to see how similar it was to mine, it turned out that in the video the person had done it the same way I did it the first time, so I decided to try again, I removed the buttons and tried to style it by list again, after trying a lot I really couldn't get the link to work together with the hover in the list, so I decided to go back to the buttons and it ended up looking like this.
Basically, that's why it took me longer than I thought.
What specific areas of your project would you like help with?
Well, the nav buttons.
Personally, I really liked how it turned out, I believe there may be a more professional way of doing this but as I said in the README, this was my solution and I'm grateful to receive feedback on what I could do differently.
