search

KnightDesignStudio / KnightDesignStudio-homework-responsive

0 stars 1 forks source link

Assignment #7 #1

Open bigkat73 opened 7 years ago

bigkat73 commented 7 years ago

FEWD Week #7 Project: Responsive Design

Description

Relaxr's user count has grown, and the number of users accessing the site from a mobile device has surprised everyone, even by today's standards. The product managers at Relaxr have asked you to return to the project and make their site responsive so it renders nicely on mobile devices. They had one of their internal developers make a few tweaks to your source code, and they have given you the new HTML / CSS files to work from. Using these starter files, build out the mobile layouts for the landing page and blog.

Student: ____

Project URL: ____
Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Use media queries at a 768px breakpoint 2
Content remains in appropriate divs 1
Content remains visible to the user 2
Fonts change size appropriately 2
Margins and padding change size appropriately 2
Content does not overlap 1
In the blog section, the two-column layout changes to a single-column layout when appropriate 2
TOTAL: 12/14
bigkat73 commented 7 years ago

When opening the page, the mobilemenu is visible and overlapping the screen. Let's look at this next week to make sure that the intentions for the mobilemenu are met, or making sure that in the context of the final project we address it there.

The target of 768 in the media query looks great. Just a reminder, the steps to responsive layout are (1) fixed to fluid layout(so changing the container and target sizes on the css targeted for large screen), (2) flexible content(so images in percentages, and (3) using media queries.