What are you most proud of, and what would you do differently next time?
I think for a project like this one I would like to try a desktop approach first to see if it's easier than mobile-first.
What challenges did you encounter, and how did you overcome them?
I had trouble with positioning the quote image where I wanted it. It also took me a while to correctly define the number of columns I had to use in order to correctly implement the desktop grid layout.
What specific areas of your project would you like help with?
Are there any improvements I can make to the semantic structure of my HTML?
Improvements in accessibility that I can make.
Are there any redundant or repetitive styles that can be optimized?
Is my use of CSS Grid and Flexbox efficient or what improvements could I make?
Your solution is not identical with the design, referring to colors and alignments. The design have three breakpoints that are sustantial different from each other. In the mobile design the fonts are too small. Keep going Isaac!
For some reason, the message that appears after submitting the form doesn’t disappear. I think it would be better if it automatically disappeared after a few seconds. Aside from that, great job!
The design is great and closely resembles the original. I believe the HTML structure could be improved by using more semantic tags. For the button state changes—from normal to hover—you could enhance the experience by adding animations with the transition property, and I recommend looking into that. Lastly, I suggest applying responsive design to the page; the easiest way to achieve this is by using @media queries.
What are you most proud of, and what would you do differently next time?
I'm proud to finish this challenge with a little more knowledge about responsiveness and 'hover' properties.
Next time, I would do the responsivity of my project differently than this project, because I did not complete the challenge of creating responsiveness without Media Queries.
What challenges did you encounter, and how did you overcome them?
The first challenge was getting used to Figma. Contact with the tool along throughout the challenge was very usefull for me to get used to it.
The second challenge was to create text responsiveness without Media Queries, which unfortunately, I couldn't find anything concrete to base myself on and learn correctly, which made me use Media Queries in the end.
What specific areas of your project would you like help with?
I would like help with the card's text responsiveness without using Media Queries, and opinions on whether I used Media Queries correctly.
Great job, Rodrigo! I noticed you used the footer tag accurately to place the attribution (I definitely need to implement that in my upcoming projects). The design looks good across different screen sizes.
However, when I inspect the code using the inspection tool, the footer content extends outside of the body content.
