Challenge: Fundamental layout comprehension
This challenge will test your knowledge of the layout features we've covered so far in the module, namely flexbox, floats, grid, and positioning. By the end, you will have developed a webpage layout using all of these fundamental tools.
Challenge: A mobile-first layoutdeveloper.mozilla.org
Media query fundamentalsdeveloper.mozilla.org
Test your skills: Responsive web design and media queriesdeveloper.mozilla.org
Attribution and copyright licensingdeveloper.mozilla.org
Web development tutorialsdeveloper.mozilla.org
Web developer guidesdeveloper.mozilla.org
How Hunch supercharged AI workflows with Modal SandboxesModal
DuckDB, the great federator?Motherduck
How to Create Stunning Effects With 165 Media Queries or Less!Css Tricks
4 CSS Grid Properties (and One Value) for Most of Your Layout NeedsCss Tricks
Approaches for a CSS Masonry LayoutCss Tricks
Flex container - GlossaryDeveloper Mozilla
Inline-level content - GlossaryDeveloper Mozilla
Compatibility guide for Kotlin 1.6.x | KotlinKotlinlang
Compatibility guide for Kotlin 2.0.x | KotlinKotlinlang
Compatibility guide for Kotlin 1.5.x | KotlinKotlinlang
Understanding React Server ComponentsVercel
Modifying Specific Letters with CSS and JavaScriptCss Tricks
Grid lines - GlossaryDeveloper Mozilla
Grid Cell - GlossaryDeveloper Mozilla
