Google fonts Font awesome download a css normalizer rename the css file I have currently add classes to i element for font awesome

fix padding width css calc

change divs to anchors

use hard coded pixel counts for gaps/padding

object fit/object position

w3c validator

• Rename stylesheet
• Get fonts

@media at end

• maxwidth

move from divs to other semantic (p/span/etc)

change search field to input

body 16px

liveserve site and vscode

Check prompt

Todo: All: Make images smaller (for mp cards at least) Logo changes size relative to width minheight for recommendations Make filters wrap Logo clickable Desktop: Tablet: Make activities into 2 rows of 3 Mobile: Logo moves, not centered