diff --git a/study-guides/flexbox.md b/study-guides/flexbox.md index de5a065..5002592 100644 --- a/study-guides/flexbox.md +++ b/study-guides/flexbox.md @@ -1 +1,6 @@ +## What is Responsive Web Design + +**Responsive web design (RWD)** is a development approach that allows for elements to dynamically change its appearance or layout depending on screen size. For example, elements may reorder, grow/shrink in size depending on the size of the screen. + # Flexbox +There are different methods for incorporating responsive design. In this lab, we will explore a tool called **Flexbox** that helps create a fluid layout for website responsiveness. To learn more about other methods, check out [MDN Doc on responsive design](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design).