@almendev
What are you most proud of, and what would you do differently next time?
Starting with a mobile-first approach, next time I'll do this way again.
What challenges did you encounter, and how did you overcome them?
I had a hard time positioning the big quote mark but I got it as close as I could.
What specific areas of your project would you like help with?
Maybe if someone wants to help position that quote better for desktop and mobile.
@almendev
Posted
Good job! I like your HTML implementation and your CSS classes. I noticed that you're using the same font color for text on cards with non-white backgrounds. However, the cards with non-white backgrounds do not use the same font color. I also recommend using the quote image as a background image. This way, you can fix the overflow issue more effectively.
Keep coding!
@Annas-khan
Submitted
What are you most proud of, and what would you do differently next time?
got to learn how to use grid in a better way
What challenges did you encounter, and how did you overcome them?
knowing how to implement the grid
What specific areas of your project would you like help with?
none
@almendev
Posted
It looks like the design is coming along nicely with just a few adjustments needed.
Firstly, please check the padding top, which should be 80px for desktop and 85px for mobile. Also, verify the font weight for titles; it appears you're using bold (700), but they should be semibold (600). Additionally, I noticed that the paragraph has an opacity of 50% in the design, affecting the color appearance.
These are the primary differences I noticed. On a positive note, I want to congratulate you on your effective use of grid for the desktop view. Try to apply the same technique for the mobile view as well.
Keep coding, you're on the right track!
@mahmoud17-cmyk
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that this maybe the best practice design i have done
What challenges did you encounter, and how did you overcome them?
The only thing is that I struggle to come up with ideas.
What specific areas of your project would you like help with?
to practice more for gathering ideas
@almendev
Posted
It looks great the only thing I found different from the design is the card size, it looks like a zoomed version.
@Speck249
Submitted
What are you most proud of, and what would you do differently next time?
This was a fun exercise to brush up on HTML and CSS basics. It was my first time using Netlify so that was a much appreciated experience. I'm proud of my project's functionality and resemblance to the Figma spec. Next time, I'd like to code faster by following a more structured approach.
What challenges did you encounter, and how did you overcome them?
Relying on personal judgement to determine the overall design dimensions was a challenge. But iteration won in the end.
What specific areas of your project would you like help with?
Responsive Design is a challenge. I'd appreciate any feedback on 'best practices' to help build an intuitive sense for CSS layout and responsiveness.
@almendev
Posted
First, nice job!. The card looks like the one in the design, you only need to improve the card height by changing the gap between the inner elements and add the shadow present in the design and I guess that's it.
