I would like to know if there is a better way to get the result with less lines of css
I would like help to find the same results with less lines of css, specially in the media query section.
I would like to fined a better way to define the spaces between the card inner elements.
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.
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!
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
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!
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
It looks great the only thing I found different from the design is the card size, it looks like a zoomed version.
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.
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.
