SlideShare a Scribd company logo
Math for web layout
1920px

1080px

NewsSite.com
Step 1: How wide is the column?
NewsSite.com

?

Find it with a developer tool, like firebug. Lets say ours is 600px wide.
Step 2: How do we get the height?

*hint: it’s algebra

1920px

NewsSite.com

600px

1080px
long side

short side

short side
long side

= decimal < 1
1920px

1080px

1080
1920

=

0.5625
1920px
NewsSite.co

?

1080px

1080
1920

=

0.5625 X

600px = 337.5
1920px

NewsSite.com
600px
337px

1080px

More Related Content

Recently uploaded (12)

PDF
Make an IMPACT: A Framework to Transform People, Teams, and Futures
Chandan Patary
 
PPT
Assessment according to 19011-3 presentation.ppt
ibr1722011
 
PPTX
what is personality and Personality Development.pptx
Teenu10
 
PPTX
Presentatiof local anaesthesiaonon1.pptx
harmanjotsingh483731
 
PPTX
Philosophy 1- the human person in the environment.pptx
MaimaiAlleraAcpal
 
PPTX
Impact_of_Power_Outages_Presentation.pptx
mansisingh27077
 
PDF
UCSP-Quarter1_M5.pdf POLITICS AND POLITICL
jaredcagampan86
 
PPTX
UP SDRF History English.pptxdownload it is easy to understand
aanyatiwari1015
 
PPTX
Positive Role Modeling for Personal Growth.pptx
StrengthsTheatre
 
PPTX
09CHAPTER-O1-Areas-Exposed-to-Hazards-Disaster-from-Difft.-Perspectives.pptx
jeromedmangino23
 
PDF
self love, mindfulness, psychology, growth
tanya99budhiraja
 
PPTX
Free Preparation and Survival Apps that can save your life
Bob Mayer
 
Make an IMPACT: A Framework to Transform People, Teams, and Futures
Chandan Patary
 
Assessment according to 19011-3 presentation.ppt
ibr1722011
 
what is personality and Personality Development.pptx
Teenu10
 
Presentatiof local anaesthesiaonon1.pptx
harmanjotsingh483731
 
Philosophy 1- the human person in the environment.pptx
MaimaiAlleraAcpal
 
Impact_of_Power_Outages_Presentation.pptx
mansisingh27077
 
UCSP-Quarter1_M5.pdf POLITICS AND POLITICL
jaredcagampan86
 
UP SDRF History English.pptxdownload it is easy to understand
aanyatiwari1015
 
Positive Role Modeling for Personal Growth.pptx
StrengthsTheatre
 
09CHAPTER-O1-Areas-Exposed-to-Hazards-Disaster-from-Difft.-Perspectives.pptx
jeromedmangino23
 
self love, mindfulness, psychology, growth
tanya99budhiraja
 
Free Preparation and Survival Apps that can save your life
Bob Mayer
 

Featured (20)

PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
 
PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
 
PDF
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
 
PDF
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
PDF
Everything You Need To Know About ChatGPT
Expeed Software
 
PDF
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
PDF
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
PDF
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
PDF
Skeleton Culture Code
Skeleton Technologies
 
PDF
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
PDF
Content Methodology: A Best Practices Report (Webinar)
contently
 
PPTX
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
PDF
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
PDF
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
PDF
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
PDF
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
PDF
Getting into the tech field. what next
Tessa Mero
 
PDF
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
PDF
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
 
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
 
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Ad

Math for web layout - Image resizing