Grokking CSS for Web Development
Vote

0% completed

​

Overflow

A box in CSS does not cut off content that is too large for it. The browser keeps the box at the size you declared and draws the extra content past its edge, on top of whatever comes next. The height lesson showed this once with the product card. This lesson gives the card both a fixed width and a fixed height, so you can see every choice the browser offers for content that does not fit.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Product card</title>
  <style>
    .card {

.....

.....

.....

Like the course? Get enrolled and start learning!

Reading Progress

0%

Vote for new content