Learnt how to assign grid rows and columns
What challenges did you encounter, and how did you overcome them?This was not too challenging, I love grid
What specific areas of your project would you like help with?I need help with everything. Let me know if my styling are off
To make it easier to read, manage, and card-lead, use div in place of section. A single div can contain a card quotation and card-lead, and the image appears larger than the design.
For the person's name, use a letter spacing of about 1px.
Card-lead makes the font a little larger. The image border line seem to be reserved for Patrick Abrams and Daneil Clifford alone.
Adjust the box shadow so that the card is not overshadowed.
The size of Patrick Abrams's card differs from other card sizes. There is no space between the header and the card lead, and the color text scheme does not fit the design.
Happy to learn about grid areas, made laying it out much easier to visualise than using grid rows and columns individually.
Trying to get away from setting fixed widths on items and allowing it to adjust itself before deciding to implement restrictions, I think it's improving the responsiveness of the page, happy to receive feedback about it though.
What challenges did you encounter, and how did you overcome them?Still getting used to grid syntax and placing items in specific rows and columns, for this project using grid areas made it much easier but its something to work on for when grid areas may not be suitable.
Good job..
Good job, but with a few adjustments to your code, such as fixing the gap and consolidating the two Google Fonts import links into one.
Good work. The structure of your HTML is well-organized.
The CSS is clean and effective, and your use of media queries ensure a responsive design.Just fine tune some properties for small devices ,such as padding and font size.
The overall design is visually pleasing, and the code is easy to read and maintian.
Great job! A few things to consider. Use semantic HTML for better readabilty and accessibilty, Keep code clean, simple readable and reusable
Excellent work. Its well-structured, easily comprehensible code includes HTML semantics. It satisfies the requirements and looks well on a variety of devices, including smartphones with bigger screens.
