Please continue working with media queries and make sure your course homepage is styled and has a few sample queries. Also make sure to read up on Mobile first design methodology in preparation for next weeks classroom session. Make sure you have a resume handy! Enjoy the snow/ice day!
Today I’d like you to continue to explore CSS Grid by reviewing the layout patterns and code samples at https://gridbyexample.com/examples.
Please work through the test exercises on this page (It only worked in Firefox for me):
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Grid_skills
If you haven’t completed CSS Grid Garden or need a refresher please work through the exercises – https://cssgridgarden.com/
In preparation for next week’s discussion of Media Queries please read the following article:
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries
Your assignment for the day is to review to content from the Chrome Dev Tools Documentation. At a minimum, I’d like you to be familiar with the content covered in the following sections (Overview, Elements, Accessibility). Be prepared to demo a tip or trick you learned from the exercise in class on Tuesday. We will be leveraging these skills throughout the semester so it is imperative that you learn how to use this tool. Feel free to complete the remainder of the sections depending on your level of experience with the tool. The second link also contains some valuable information. Feel free to review it as well.
Today I will work through the pre-assessment in an in-class demo. Please use this opportunity to ask questions and receive clarification on specific concepts and ideas.
We will be using a broad array of tools to support this course this semester. If you would like to familiarize yourself with these feel free to do so. I will explain and do walkthroughs with the tools when we begin to use them. You are welcome to go ahead and create your accounts (they are all free) but make sure to keep track of your credentials.
