What are you most proud of, and what would you do differently next time?
I am proud that I made it through this project. It took longer than I expected because of a lot of nuanced details. If I had to start this project over I would come up with a better filing system! I tried one but it was not the most efficient but I am seeing progression!
What challenges did you encounter, and how did you overcome them?
I overcame challenges with the help of the console and asking friends specific questions when I got stuck! Th
What specific areas of your project would you like help with?
Really good solution! The part where you choose a character was a bit harder to follow but really good use of every method in your while loop. I don't think today I'm able to came up with such a beatiful selection logic for the character.
Really good solution!! :) Clean and concise!
I didn't know the "formdata" event. Really good intuition of using radio buttons for selecting the tip hiding the custom button and showing it when focused.
What are you most proud of, and what would you do differently next time?
I am proud that I am able to finish my own solution.
What challenges did you encounter, and how did you overcome them?
The challenges I overcome is the passing of data from Json file. I watched some YouTube videos on how to use the data from that file that's why I manage to finish this.
What specific areas of your project would you like help with?
Hello, great work! You have linked to the wrong repository, specifically the grid testimonials.
Anyway to make the share links float I created another div and positioned it absolutely against my card. You can look at my solution to see how I did.
I recommend to try learning about stacking context and the various position in depth. It will help you on your journey going on :) The channel on youtube by Kevin Powell is a great resource.
What are you most proud of, and what would you do differently next time?
I'm proud of finally getting the responsiveness of the landing page to work within the confines of the design. It was relatively tricky to get the changes of the hero section to wrap using flexbox only. I think i might have approached the hero section with a css grid which may have given me more control over how it changes.
What challenges did you encounter, and how did you overcome them?
I mostly had challenges in getting the hero section to wrap correctly, I used minimum values of the width with flexbox in order to over come this behaviour, but it took a long time to get it completely right.
What specific areas of your project would you like help with?
HTML semantics
CSS structure
CSS responsiveness feedback.
What are you most proud of, and what would you do differently next time?
I am most proud of the fact that I was able to use css grid to make the layout pretty effectively and I was able to tackle the layout alone So I am happy π
What challenges did you encounter, and how did you overcome them?
I had some trouble with the positioning of the quotation svg I tinkered around and it looks good but not sure If I overcame it
What specific areas of your project would you like help with?
On mobile responsivity On how can I improve that and the readability of my code
What are you most proud of, and what would you do differently next time?
I'm happy I achieved a good result without the help of Figma files.
I was also able to style everything in order to guarantee a good responsiveness to the whole page, and I used % instead of fixed sizes in order to achieve this result.
I also tried to comment and format my code in the best way possible to make it clear for other web developers.
Next time I'd like to be more efficient with my code (less is more).
What challenges did you encounter, and how did you overcome them?
I really struggled to place the bottom line properly on the desktop view. I couldn't understand why the absolute positioning wasn't working properly, and in the end I solved it by assigning the position: relative property to the html tag instead of the .layout_container div. That solved the problem on this specific case.
I struggled even more with a white bottom banner that kept appearing whenever I zoomed out. I thought the problem was related to a height:100% I had used, but the solution was easier: I set the background-color: var(--nutmeg) for the wrong container instead of ````....
What specific areas of your project would you like help with?
Optimizing my code. Sometimes I still struggle with height:100% vs height: 100vh.
Good work! The only thing that I could think of is the styling of the description of the various bullet point with the <strong> element. <strong> has a semantic meaning and in this case maybe is not really appropriate. When items don't have semantic it is better better to use css only to style them, maybe inserting the various description in a span element with a common class :)