Skip to Content
Web Coding & Development All-in-One For Dummies, 2nd Edition
book

Web Coding & Development All-in-One For Dummies, 2nd Edition

by Paul McFedries
January 2024
Beginner
848 pages
18h 2m
English
For Dummies
Content preview from Web Coding & Development All-in-One For Dummies, 2nd Edition

Chapter 4

Creating the Page Layout

IN THIS CHAPTER

Bullet Understanding page layout basics

Bullet Learning the fundamentals of Flexbox layouts

Bullet Getting a grip on Grid layouts

Flexbox is essentially for laying out items in a single dimension — in a row OR a column. Grid is for layout of items in two dimensions — rows AND columns.

— RACHEL ANDREWS

Why are some web pages immediately appealing, while others put the “Ugh” in “ugly”? There are lots of possible reasons: colors, typography, image quality, the density of exclamation points. For my money, however, the number one reason why some pages soar while others are eyesores is the overall look and feel of the page. We’ve all visited enough websites to have developed a kind of sixth sense that tells us immediately whether a page is worth checking out. Sure, colors and fonts play a part in that intuition, but we all respond viscerally to the big picture that a page presents.

That big picture refers to the overall layout of the page, and that’s the subject you explore in this chapter. Here you discover what page layout is all about, and you investigate two CSS-based methods for making your web pages behave the way you want them to. By the time you’re ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Web Coding & Development All-in-One For Dummies

Web Coding & Development All-in-One For Dummies

Paul McFedries

Publisher Resources

ISBN: 9781394197026Purchase Link