Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Thinkful Mock Interview 1

memorize.ai (lvl 286)

(0)

16 cards

()

Section 1

Preview this deck

Responsive Web Design

Front

1 / 16

Web Dev

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

4 years ago

Date created

Mar 1, 2020

Cards (16)

Section 1

(16 cards)

Responsive Web Design

Front

Using various styling elements to create a site that adapts to size changes in the browser window as well as use with various devices.

Back

Git

Front

-a version control system that operates through the command line -each Git working directory is a full-fledged repository with complete history and full version-tracking capabilities, making it a great resource for open-source and multi-developer projects

Back

What does <DOCTYPE> do?

Front

-<DOCTYPE> is a doctype declaration that communicates to the browser which version of HTML the file is written in. -As of HTML5, this has been condensed to <!DOCTYPE html>

Back

GitHub

Front

-a web-based Git repository hosting site -extremely popular for sharing open source code/projects -the largest host of source code in the world with over 14 million users and 35 millions repositories

Back

Media Query

Front

A CSS technique where a block of style rules held within are only applied when particular conditions are met. Used to create responsive pages.

Back

Padding

Front

Clears an area around the content. The padding is transparent

Back

CSS Box Model

Front

a set of style aspects that applies to each element (as a rectangular box) of a document; determines the content of space each element exists in. Includes: Content, Padding, Border, & Margin.

Back

When to use: <section>

Front

-a semantic block container element -used to create thematic grouping of content, typically with a heading.

Back

When to use: <article>

Front

-a semantic block container element -used to create grouping for independent, self-contained content

Back

Content

Front

The content of the box, where text and images appear

Back

Margin

Front

Clears an area outside the border. The margin is transparent

Back

Position types

Front

Static: default positioning, doesn't accept offsets Fixed: keeps position on page regardless of scrolling, doesn't occupy space on same plane as others Relative: same as static but reacts to offsets for positioning control Absolute: positioned relative to nearest positioned ancestor rather than the viewport, typically used within a relative positioned container for unique layouts/overlapping.

Back

Inline Element vs. Block Element

Front

display: block; takes up the full width available, creating a new line before and after display: inline; takes up only the width that it's size requires and does not force any new lines

Back

Border

Front

A border that goes around the padding and content

Back

box-sizing: border-box & it's advantages

Front

-When applied, the padding and border are included in width/height specifications. This creates visual balance for box elements and is easier to manage vs default content-box.

Back

When to use: <div>

Front

-non-semantic block container element -used when grouping or positioning any non-semantic elements

Back