Responsive mobile-first solution using CSS grid and Flexbox

Community feedback

• 

  Brian Michael Poblete•490

  @Brian-PobPosted 9 months ago

  Great job on your solution, Alonso!

  It's important to make a distinction between <button> and <a> tags because tools like screen readers behave differently depending on what kind of tag they encounter.

  In this case, it's better to use the a tag since you are creating links and that is what a tags are meant for. If you used a button, then you would need to put in extra effort to rework the html and css to behave like a button.

  In general, it's easier to develop and better for accessibility to use the appropriate tag.

  Hope this helps!

  Marked as helpful

  1

  ---

  

  P

  Alonso Vazquez•170

  @alonsovzqzPosted 9 months ago

  @Brian-Pob thank you so much! That’s actually what I was intended to do, make it accessible and add more a11y markup since I think it’s a must on every project and not sure what else might be good to add for make it more accessible

  1
• 

  Edper•40

  @edperPosted 9 months ago

  Nicely done! Button or anchor would not matter much here. Nice use of list there instead of <div> with class.

  1

  ---

  

  P

  Alonso Vazquez•170

  @alonsovzqzPosted 9 months ago

  @edper thank you so much! Really appreciated it 🙏🏼

  0