This is the repository for the LinkedIn Learning course CSS Layout Code Challenges. The full course is available from LinkedIn Learning.
This course with Morten Rand-Hendriksen tests your knowledge with 15 CSS layout challenges exploring the opportunities and intricacies presented by modern CSS layout modules. Challenges range in scope from component-level layouts like horizontal menus to sitewide layouts and responsive layouts across multiple viewport widths. If you want to see how your skills stack up or just learn something new, join Morten for this course.
All the exercise files in this repository are available from the main branch. Each movie has one challenge, and the files for each challenge are contained in folders following the CHAPTER#_MOVIE# naming convention. As an example, the branch named 01_03 corresponds to the first chapter and the third video in that chapter. For each challenge there is also a solution contained in the XX_XX_solution folder.
The repository contains two folders named css and assets. These contain global styles and an SVG used throughout the different challenge movies. In the exercise files for each challenge there is an index.html file containing all relevant HTML, and a current-style.css file containing CSS to get you started. All your CSS work will be done in the current-style.css file for the current challenge. In some challenges you may also need to make changes to index.html.
- To use these exercise files, you must have the following installed:
- A code editor (VS Code recommended)
- One or more modern browsers (Chrome recommended)
- Clone this repository into your local machine using the terminal (Mac), CMD (Windows), or a GUI tool like SourceTree.
- Open the exercise files for the current challenge you are watching.
Morten Rand-Hendriksen
Developer and Senior Staff Instructor
Check out my other courses on LinkedIn Learning.