Responsive page with CSS Flexbox

Community feedback

• 

  rider48371•10

  @rider48371Posted about 1 month ago

  The solution appears to be semantic HTML and is accessible. You could make it easier accessibility for screen readers by adding a main section encompassing the entire project. As far as responsiveness is concerned, if you were to add justify-content: center; and align-items: center; to your flex parent, your items would be centered in the middle of the screen, irregardless of screen size, and it would be much more responsive automatically.

  The only other thing that I did notice is that your attribution section is located inside of the card, which in the example, it is outside of the card and slightly underneath it with some margin-top to offset it. That would also help make the card be more like the original design.

  0