Responsive Solution using flex

Community feedback

• 

  Jay Khatri•4,230

  @khatri2002

  Posted 6 months ago

  The design looks good! Just a few corrections and suggestions:

  1. Border Radius for Smaller Width Devices:

  In smaller width devices (where the flex container gets wrapped), the upper sub-container should only have a bottom border radius (as per the design reference). The border-top-right-radius and border-top-left-radius should be removed for these devices. You can achieve this using a media query.

  2. HTML Structure:

  • Use the <main> tag to semantically define the main content of the page.
  • Add an <h1> tag as it is essential for accessibility, SEO, and defining the primary heading of the page content.

  Implementing these changes will align the design and structure with best practices.

  Happy coding!

  00

  Marked as helpful