CSS Common Interview Question Topics
Overview
The purpose of this activity is to strengthen our understanding of CSS concepts and to prepare for a technical interview. The following non-comprehensive items are related to common CSS interview question topics. The topics are not in any particular order. The purpose is to keep you engaged in our own web frontend design and development research and preparation. Learning basic CSS provides you a more sure foundation and having control over your code.
Prepare
Many of these topics have already been introduced and covered in prerequisite course or current course content.
- Learn the Cascade, Specificity, and Inheritance - Review 📄Cascade, specificity, and inheritance - MDN
- Understand the CSS Rule-set - Can you identify all the parts of a CSS
rule?
- selector, declaration block, declaration, property, value 🎦CSS Rule Set - Learn the difference between block, inline, and inline-block -
- Learn the Box Model - Review: 🎦CSS Box Model in 60 Seconds!
- Learn Flex - Review: CSS Flex Box in 100 Seconds
- Learn Grid - Review: 🎦CSS Grid in 100 Seconds
Here is an example using auto-fill with Grid: ⚙️CSS Grid: repeat with auto-fill columns that have a min and max.
Responsive design using CSS Grid 🎦CSS Responsive Design using Grid - 1 segment. - Learn Positioning - This topic is reviewed and applied in next week's content.
- Learn Clamp - Responsive design using
clamp: 🎦Clamp - 1 segment - Learn aspect-ratio - aspect-ratio CSS property - MDN
Submission
There is no submission required for this activity.