Websites York - Template45

Template Menu

Members cards from Joe's livestream - My version

Design Notes

The trick to get the social icons to be the link colour in Site Styles is to add <g fill='currentColor'> before the path in the SVG code. I got my icons from the Fontawsome 5 > SVG tab so I had to add this code before the path in each icon.

Trying to get display='flex' to work I discovered by chance that the container containing the social icons needed to be set to 'simple container'.

The background colour of the button on hover needs to have force set to work for me.

I've gone a different route to Joe with my approach to sizing the photo at different page widths. I set member-photo to be a maximum 33% of the view width on medium and large. This works for most screen sizes except a small gap appears below the photo between a screen width of 640 and 850 pixels.