Back to classes
Click on the triangle to reveal the answer.
What is the difference in the viewports for desktop and mobile browsers?
What is the following meta-tag used for?
1Tricks using pseudo-classes and pseudo-elements
1.1Defining your own selection colors
1.2Styling your own radio buttons and checkboxes using :checked
1.3Tricks using :target
1.3.1Pure CSS Lightbox
2.1.1Differences with other properties
2.1.2Defining the transformation point
2.2.1Differences with other properties
3.1The basic principle of CSS animations
3.2.1The @keyframes rule
4Dynamic CSS with calculations and variables
4.1Performing calculations with calc( )
4.2A Glance Into the Future: Variables in CSS
4.2.3Scope Of Variables
5Basics of Responsive Design
5.1Adapting the viewport
5.2Testing mobile webpages
5.2.2Testing in the browser
5.3Fluid Content, Liquid Layouts and Flexible Images
6.1When do you need to use media queries?
6.2Media types and media queries
6.3Using media queries: Breakpoints
6.4Incorporating media queries
7Practical example: Developing a layout for mobile devices
7.3Designing the content area
7.4Positioning the page in the browser window
7.5Designing the header
7.6Positioning of the image
7.7Positioning the content and sidebar
7.8Designing the footer
7.9Designing the boxes in the sidebar
7.10Header content and the navigation bar
7.10.3Main navigation bar
Demo mode: Learning progress will not be saved.
Register to save your learning progress