Responsive layout using CSS flexbox

Hi @adriantech-beep,

Nice project! Here are a few suggestions:

Responsive Design: I noticed some responsiveness issues. For instance, at 1197px, an element turns into a “T” instead of a cross, which may be unintentional. Adding more spacing at larger viewports, like 1626px and up, could improve the overall look.

ARIA Labels: For better accessibility, consider adding ARIA labels to div elements when semantic HTML isn’t possible. This will help screen readers interpret your content more accurately.

Breakpoint Check: The paragraph at the 458px breakpoint is slightly misaligned. Adjusting the styling here would be beneficial.

Hope these suggestions help!

Best, Teodor

Nice one 😀

If you are curious how you can do this straight lines on the top of each card here is my tip:

Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.

Hope you found this comment helpful 💗

Good job and keep going 😁😊😉