diff --git a/Answers.md b/Answers.md index e69de29..9814594 100644 --- a/Answers.md +++ b/Answers.md @@ -0,0 +1,14 @@ +In this container, box3 has the most specificity weight + +Elements in a display: inline recognizes space around them causing a layout to break, while display: block does not. +While using Flexbox and align-items, the Cross-Axis (top-bottom) is being used. + +Fixed Layout: A fixed website has a fixed layout and the components have to come inside it. The layout does not move in this option. The width of the layout does not change the screen resolution. This sort of a website layout is not user-friendly for the visitors as it does not adapt to the screen size of the device they are using. + +Fluid Layout: A fluid design allows percentage width of the layout components. These components adjust to the screen resolution of the user. The designer can also keep certain elements as fixed, even in this kind of a design. + +Adaptive Layout: Focuses on the need of the user and uses a progressive enhancement technique to design the web pages. Adaptive web design adapts itself to fit into various screen resolutions. Adaptive web design relies on predefined screen sizes to adapt itself to resolutions across devices. + +Responsive Layout: most suitable type of web design style and the most popular in today’s time. It provides precise viewing experience of a website to the user, adapting to all screens across devices. + +The elements of a responsive website like the content width and content height of text boxes or other boxes are dependent upon the max-width of the outermost box \ No newline at end of file diff --git a/index.html b/index.html index 3b36308..6536ae7 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Sprint Challenge - UI / RWD + Sprint Challenge - UI / RWD Hello World!!!