Designing for the Mobile Web CSS3 HTML5

@charset "utf-8"; /* New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 5 Review Assignment Author: Ramisha Abbas Date: January 16th, 2018 Filename: tf_styles4.css This file contains the screen styles used with the Trusted Friends blog tips */ /* Import Basic Design Styles Used on All Screens */ @import url("tf_designs.css"); /* General Flex Styles */ body { display: -webkit-flex; display: flex; -webkit-flex-flow: row-wrap; flex-flow: row wrap; } section#left { -webkit-flex: 1 8 130px; flex: 1 8 130px; } section#right { -webkit-flex: 8 1 351px; flex: 1 8 130px; } section.tips { aside article { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } } /* =============================== Mobile Devices: 0 to 480px =============================== */ /* ============================================ Tablet and Desktop Devices: 481px or more ============================================ */