@Divadovitch
Posted
Hi Neil,
For the differences between browsers, I'm not sure but maybe this has to do with user-agent stylesheet. Each browser has is own stylesheet. Using a reset css like this one I'm using on this project can help.
About the transition from the mobile version to the desktop on, this code helped me a lot grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
, you can read more about it on this article.
Last thing about the <span>
you used on the name and title of the cards, as I understand it's better to use <p>
because it has a semantic meaning and <span>
dont. Link to more infos.
Hop this help
Hope this help