Responsive layout using CSS flexbox

Community feedback

• 

  P

  Teodor Jenkler•3,800

  @TedJenklerPosted 3 months ago

  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

  Marked as helpful

  0
• 

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  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 😁😊😉

  Marked as helpful

  0

  ---

  

  adriantech-beep•390

  @adriantech-beepPosted 3 months ago

  @MikDra1 i will apply your suggestion.appreciate it.thank you.

  0

  

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  @adriantech-beep

  No problem. I'm happy I could help 😉

  0