Social Links page with CSS FLEX COLUMNS

Great work ! totally understand you wanting to make your classes cleaner i would suggest using the (BEM) method (BLOCK->ELEMENT->MODIFIER)

here is one ressource : https://css-tricks.com/bem-101/

exemple

Hi @YourRat-webdev,

Nice project! Here are a few suggestions:

I noticed that your component is deeply nested. I recommend using <div>s sparingly to improve readability and SEO. This project can be easily managed with one main container and then a card component using Flexbox in a column layout to achieve the stacking effect you have now. This approach will make your code cleaner, more readable, and reduce the amount of CSS needed. Simplification is often key.

I also noticed that you are nesting <a> tags within <button> tags. This is not recommended. You should either style an <a> tag as a button if it functions as a link or use a <button> but only for forms or JavaScript actions.

Keep up the great work!

Best, Teodor

I'm still a beginner, you have done your job very well, keep practicing your skills