Responsive landing page using HTML and CSS

Community feedback

• 

  Chrystiana Penalber•120

  @chryspenalber

  Posted 4 months ago

  React has been tagged, however, it doesn't look like it has been used.

  Responsive Design Considerations:

  The use of grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); ensures a flexible layout that adapts well to different screen sizes. The @media screen and (min-width: 568px) breakpoint optimizes the layout for larger screens.

  Consistent Naming Conventions:

  The BEM (Block-Element-Modifier) methodology is used effectively (.container__cards, .card--supervisor), making it easy to understand and modify styles.

  00