This is a project building a portfolio site for the front-end developer nanodegree program assignment in udacity.
-
Complete the project
-
Make a site only using
CSS
,HTML
without libraries (i.e.Bootstrap
orFoundation
) -
Learn responsive layout
- at least 4 images
- title text
- regular text
- a logo
- HTML5 semantic tags such as
<header>
,<footer>
,<article>
,<section>
etc. are used to add meaning to the code. - No
<div>
or<section>
tags are without a CSS class or id
- Customize images and text
- Customize placement of the elements on the page (grid layout) with
HTML
,CSS
or both. - Customize CSS styles applied at minimum to paragraph and heading elements.
- Page utilizes a grid-based layout with styles making use of the flexbox layout or a framework like Bootstrap, Foundation, etc.
- All content is responsive and displays on all display sizes.
- All content is rendered on all three devices. No content should be hidden on mobile devices.
- Viewport
meta
tag is included inHTML
. (i.e.<meta name=”viewport” …
)
- If a CSS framework is used, classes provided by the CSS framework are used to make images responsive, otherwise media-queries are used to ensure responsiveness of images.
- Portfolio completely separates structure (
HTML
) from design/style (CSS
)
- Files are organized with a directory structure that separates files based on functionality
-
HTML Formatting rules
-
HTML Style Rules
-
CSS Formatting Rules
-
CSS Style Rules
-
General Meta Rules
-
Need my own layout process making site from the mockup.
-
Think smaller first, larger last.
-
Layout first, styling last.