@marliedev
Posted
Semantic HTML The overall structure and semantic HTML could be improved. You used too much tags and nested elements too deep in the HTML sructure. Simple is better, also for readability. You used the article-tag too often and not correctly.
Naming A consistent naming ist crucial!
- Don't use capitalized variables / custom properties
// not good
--Gray-500
//better
--gray-500
//even better
--color--gray-500)
- name elements logically to improve readability: img-fondo (why?); better: card__image (have a look at the BEM-methodology)
** Structure & Files you don't need a seperate css for mobile. Keep it all in one file and use (if needed) media-, container- or style-queries
Marked as helpful