This is a demonstration of responsive web design based on the 14-inch MacBook Pro page of the Apple website. The text at the top and size choices are centered and won't be affected much by resizing windows or switching devices.

For mobile, the products and their related info are supposed to show as one column, with a horizontal line break after each.

For larger tablets or desktop, the products are divided into two columns, with a vertical line in between.

MacBook Pro

Choose your new MacBook Pro.

Order now. MacBook Pro 14” and MacBook Pro 16” available starting 10.26.

13-inch

14-inch

16-inch

1999

New

m1

8-Core CPU
14-Core GPU
16GB Unified Memory
512GB SSD Storage1

16-core Neural Engine
14-inch Liquid Retina XDR display
Three Thunderbolt 4 ports, HDMI port, SDXC card slot, MagSafe 3 port
Magic Keyboard with Touch ID
Force Touch trackpad
67W USB-C Power Adapter

$1,999.00

or

$166.58/mo. for 12 mo.*

Learn how to pay monthly at 0% APR when you choose Apple Card Monthly Installments"
Apple Trade In

Get credit toward a new Mac when you trade in your eligible computer. Or recycle it for free.◊◊

Get started

Select

  • Order today. Delivers to 90000
    Nov 12 - Nov 19 — Free

  • Pickup:
    Apple Store Pickup is currently unavailable

1999

New

m1

10-Core CPU
16-Core GPU
16GB Unified Memory
1TB SSD Storage1

16-core Neural Engine
14-inch Liquid Retina XDR display
Three Thunderbolt 4 ports, HDMI port, SDXC card slot, MagSafe 3 port
Magic Keyboard with Touch ID
Force Touch trackpad
96W USB-C Power Adapter

$2,499.00

or

$208.25/mo. for 12 mo.*

Learn how to pay monthly at 0% APR when you choose Apple Card Monthly Installments"
Apple Trade In

Get credit toward a new Mac when you trade in your eligible computer. Or recycle it for free.◊◊

Get started

Select

  • Order today. Delivers to 90000
    Nov 12 - Nov 19 — Free

  • Pickup:
    Apple Store Pickup is currently unavailable