Open bigkat73 opened 7 years ago
On the main page, the "Get it Now" button starts looking too large and unreadable when on a screen 768px or less.
On the blog section, for smaller screens, too make the content fit, I had to make the main section 100% width. And the container then changes from the fixed width target. And too fit appropriately, I also made the images for the blog posts a width of 100%. This was the content scales appropriately for the smaller screens.
Overall, the fonts and layout adjusts well to the smaller screen size. Your project is a very nice example of making adjustments to your content for different screens.
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: ____
divs