This game will help you understand how to leverage the power of the flexbox functionality in CSS. Basically, you move a frog around to a lilly-pad commensurate of how you’d move content around in a flexbox
Also, https://web.dev has some nice CSS learning materials and they link out to MDN (https://developer.mozilla.org/) for deep dives. MDN is THE resource for web development. Make it your start site and try using MDN search, not Google for specific web dev questions. Seriously
Hello again David,
I remembered that also I’m not sure if the images should be taken only from external sites -using hyperlinks in page or we can store with the entire folder when the page test happens.
These books have been a savior for step-by-step coding instructions - it teaches you how to build a website from the ground up from starting with HTML to CSS with code samples on each page – tabular indexes/appendices with almost all mostly used/important HTML and CSS codes. It’s been great to use while following along with the curriculum content and matches up nicely. It also provides best practices and an entire section on website ideas - how to approach brainstorming, common ideas for content/UI organization, how to optimize accessibility, make it friendly, SEO, etc. Has been a phenomenal resource in addition to online google searches + YouTube tutorials.
etc, then commonly if you wanted to make a list, add images, media, etc then into design with CSS codes) - it’s just nice having a quick reference for all of the major code elements and CSS properties in one spot. Makes designing from ground up much easier.