Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rachelle De Jesus Pestanas -WIP- #360

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Rachelle De Jesus Pestanas -WIP- #360

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
cff9dc2
started Sprint Challenge One
Feb 9, 2018
939bd26
completed Answers
Feb 9, 2018
12f6445
attained MVP
Sep 26, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions Answers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">

<title>Sprint Challenge - UI / RWD</title>
<title>Sprint Challenge - UI / RWD Hello World!!! </title>

<link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
Expand Down