I’m able use css grid
What challenges did you encounter, and how did you overcome them?Using the max-width is hard as fuck.
I’m able use css grid
What challenges did you encounter, and how did you overcome them?Using the max-width is hard as fuck.
Hey, looks solid overall! Just a couple of things:
For the nutrition info, consider using a <table>. It'll make it way clearer and easier to follow. You’ve got a few <h1> tags—better to just use one and go with <h2> or <h3> for the subheadings. It keeps things tidy and accessible. On desktop, the horizontal dividers in the table are spilling out of the card. A little padding tweak should fix that. You're doing great, just these little fixes will make it even better! Keep it up!
🌟 Solution Retrospective: Blog Preview Card Component 🌟
Project Overview As part of my #100DaysOfCode journey, I designed a responsive blog preview card component. The goal was to create a visually engaging card layout that showcases a blog post with clear sections for the title, author profile, and publication date. This component is aimed at providing an accessible and clean preview for users on both mobile and desktop.
Key Learnings and Accomplishments
I enhanced my CSS Flexbox skills to structure the layout, making it adaptable across screen sizes. Experimented with color schemes and box-shadow to add depth and draw attention to the card. Worked with a new font, Figtree, to improve readability and the overall aesthetic. Gained a deeper understanding of responsive design principles, focusing on making each element visually balanced and functional. Areas for Support
I’d love feedback on refining the CSS to make it more efficient and maintainable. Any suggestions on improving accessibility would be welcome, especially with colors and font choices. Tips on further enhancing the card’s responsiveness to handle more complex layouts would be great! Thank you to the community for your support! 💪
I will share advice which I got recently to good practical advice to do CSS reset and define variables for colors.
HTML structure looks good, code and website is easy accessible. UI could match better with design. Great Job!