About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Creating a Responsive Web Design
Introduction
Introduction to This Course
Preview
About This Course
Preview
Terms and Technology We'll be Covering
Preview
What You'll Need to Complete This Course
Preview
About the Exercise Files
Preview
Preparing the HTML Content and Structure
Setting up Our Project
The HTML Strategy for Our Layout
Creating the Main HTML Containers
Adding Content into the Header
Add Content to Main Section
Add Content to Atmosphere Section
Add Content to the How-To Section
Adding the Navigation
Adding the Footer Content
Creating the Style and Layout with CSS
Importing a Google Font
Defining the Basic Text Styles
Style the Heading and Page Container
Style the Logo and Hero Item
Creating the Button Style
Setting up Three-column Row
Adding Graphics to the Main Section
Clearing Floats with CSS Pseudo-elements
Styling the Atmosphere Section
Styling the How-To Section Aside Elements
Styling the How-To Section Blockquote Element
Adding Content with Pseudo-elements
Styling the Footer
Creating a Menu System with CSS
Re-positioning the Nav
Styling the Nav List-items and Links
Showing and Hiding the Nav Sub Menus
Device Compatibility Options for Nav
Adding Indication Arrows
Making Layout Adjustments for Large and Medium Screens
Making Minor Adjustments for Larger Screens
Making Adjustments for Large Screens
Making Adjustments for Medium Screens
Making Adjustments for Small Screens
Moving the Navigation for Smaller Screens
Adjusting to the Logo and Hero Elements
Rearranging the Main and Atmosphere Sections
Rearranging the How-to Section
Rearranging the Navigation
Adjusting the Spacing of the Navigation and Footer
Making Adjustments for the Smallest Screens
Adjustments for the Header and Hero
Adjusting the How-To Section
Adjusting the Footer
Making Layout and Content Adjustments for Print
Strategy for Printing
Linking a CSS File for Print
Setting up the Base Styles
Setting up the Header
Displaying URLs When Printing
Setting up the Main Section
Setting up the Atmosphere Section
Switching Our Image Tags with CSS
Styling the Footer
Setting Page Breaks with CSS
Where to Go from Here
Where to Go from Here
Setting up the Header
Creating a Responsive Web Design
Making Layout and Content Adjustments for Print
By:
Chris Converse
4 minutes
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
You need to have access to the item to view this lesson.
One-time Fee
$19
Buy Class
€18.06
Buy Class
£15.09
Buy Class
CA$26.77
Buy Class
A$29.25
Buy Class
S$25.58
Buy Class
HK$147.86
Buy Class
CHF 16.82
Buy Class
NOK kr211.06
Buy Class
DKK kr134.74
Buy Class
NZ$32.45
Buy Class
د.إ69.78
Buy Class
৳2,270.90
Buy Class
₹1,601.77
Buy Class
RM84.83
Buy Class
₦31,979.47
Buy Class
₨5,281.05
Buy Class
฿658.19
Buy Class
₺658.25
Buy Class
B$110.60
Buy Class
R343.73
Buy Class
Лв35.44
Buy Class
₩26,543.88
Buy Class
₪69.34
Buy Class
₱1,120.49
Buy Class
¥2,921.36
Buy Class
MX$390.09
Buy Class
QR69.17
Buy Class
P259.61
Buy Class
KSh2,460.50
Buy Class
E£942.55
Buy Class
ብር2,345.55
Buy Class
Kz17,347
Buy Class
CLP$18,547.80
Buy Class
CN¥137.66
Buy Class
RD$1,147.60
Buy Class
DA2,539.58
Buy Class
FJ$43.66
Buy Class
Q146.73
Buy Class
GY$3,975.99
Buy Class
ISK kr2,621.62
Buy Class
DH190.63
Buy Class
L346.21
Buy Class
ден1,119.19
Buy Class
MOP$152.29
Buy Class
N$342.76
Buy Class
C$698.44
Buy Class
रु2,563.46
Buy Class
S/72.16
Buy Class
K76.48
Buy Class
SAR71.35
Buy Class
ZK524.03
Buy Class
L89.90
Buy Class
Kč456.83
Buy Class
Ft7,431.51
Buy Class
SEK kr208.23
Buy Class
ARS$19,121.84
Buy Class
Bs131.80
Buy Class
COP$83,594.20
Buy Class
₡9,685.27
Buy Class
L479.27
Buy Class
₲148,063.66
Buy Class
$U809.82
Buy Class
zł77.97
Buy Class
Already have an account?
Log In
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts