Using semantic HTML elements like <section> or <article> enhances the accessibility of your page and provides clearer structure. For the 'About' page, consider wrapping your main biography section in an <article> to signify its self-contained nature.
Flexbox is great for one-dimensional layouts, but once you begin to design complex, multi-dimensional areas—like displaying your team members and their roles in a grid format—CSS Grid can be a better choice due to its explicit control over rows and columns.
Your temporary CSS can work for prototyping, but transitioning to a CSS Grid layout for the mobile view may afford you greater flexibility in organizing content, especially for unevenly sized cards that could represent team members or testimonials.
With CSS Grid, you can define areas explicitly and create responsive layouts more easily, allowing for a more robust, maintainable code structure, especially as you prepare for mobile responsiveness.
Collection
[
|
...
]