michirem / fe21-cr2-michaelr

Code Review 2 Front End Michael Reimer

FE21-CR2-MichaelR

For this CodeReview, the following criteria were graded:

• Create a GitHub Repository named: FE21-CR2-YourName. Push the files into it and send the link through the learning management system (lms). See an example of a GitHub link below: https://github.com/JohnDoe/repositoryname.git
• Correct usage of the HTML structure (proper order of HTML elements and code indentation)
• Use CSS selectors (classes and/or IDs) to style your web page (colours, font size, font style etc.).
• Correct usage of lists to show the menu (navigation bar)
• Correct usage of Flexbox or FlexGrid. The elements should be displayed accordingly to the image guide, next to each other, respecting the columns and rows.
• Correct placement of images with their respective titles. The elements should be displayed accordingly to the image guide for the desktop.
• Correct usage of Media Queries. For mobile, for the resolution of 480px, you should use the second guide template.
• Create an article HTML page and include it in the navbar. All the news articles which are shown on the index.html page should be linked to this page. Fill this article.html page with content.
• The banner (How to become a developer) must be linked to the https://www.codefactory.wien URL Bonus Points:
• Use SASS/SCSS tools to style your site
• Add links to the menu that lead to other local HTML pages that you will additionally create for these bonus points and you are free to provide your design/layout solutions for these additional pages.
• Create a Media Query for tablets. For this option, as the tablet resolution is wider, two(2) columns should be able to fit in the screen