@TedJenkler
Posted
Hi @marta-00,
Nice project! Here are some improvements I’d recommend:
Use Flexbox: For your layout, consider using Flexbox. Grid is ideal when the parent controls all its children, meaning every item should be the same size. Flexbox is better suited for more flexible layouts where the arrangement can vary.
CSS Fixes: Check the social icons; they appear to be not perfectly round. Adjusting their styles should help with consistency and the footer could get some adjustments.
Media Queries: Start with a base size of 375px (for mobile) and add media queries as needed. Here’s a simple approach:
Base: No media queries (for mobile-first design) min-width: 768px (for tablets) min-width: 1440px (for larger screens) Typically, these three breakpoints will cover most use cases. Use max-width only for specific device-targeted adjustments when needed.
Hope these tips help enhance your project!
Best, Teodor
Marked as helpful