Hello, I have to build this website for my final project and am having a hard time making the grid boxes all the same size. Would you be able to assist? As you can see it doesn't look good. I am using html 5 .menu-item { display: inline-grid; flex-direction: columns; align-items: center; margin: 0 auto; max-width: 400px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 20px; } .menu-item img { max-width: 100%; height: auto; } .menu-item h2 { font-size: 24px; margin-top: 10px; margin-bottom: 5px; } .menu-item p { font-size: 16px; margin: 0; text-align: center; line-height: 1.5; } .menu-item .price { font-size: 18px; font-weight: bold; margin-top: 10px; }   Please see attached photo

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Hello,

I have to build this website for my final project and am having a hard time making the grid boxes all the same size. Would you be able to assist? As you can see it doesn't look good.

I am using html 5

.menu-item {

display: inline-grid;

flex-direction: columns;

align-items: center;

margin: 0 auto;

max-width: 400px;

box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

padding: 20px; }

.menu-item img {

max-width: 100%; height: auto; }

.menu-item h2 {

font-size: 24px;

margin-top: 10px;

margin-bottom: 5px; }

.menu-item p {

font-size: 16px;

margin: 0;

text-align: center;

line-height: 1.5; }

.menu-item .price {

font-size: 18px;

font-weight: bold;

margin-top: 10px; }

 

Please see attached photo 

Safari File Edit View History Bookmarks
V
Window
D
Fried Shrimp and Squid
Served with spicy sauce
Image by jcomp on Freepik
$15
O
Help
file:///Users/sandraballard/Downloads/CIS%20112%20Final/menu.html
Appetizers
A
Ban Ban Jie
Chicken, lettuce, cucumbers, tomatoes,
green onions, red ginger, served with a
sesame dressing.
Image by Ramen Nippon
$12
SO
(((
cricut
8
DYMO
+
Mon May 1 2:12 AM
Other Bookmarks
Ⓡ
...
...
S
...
S
31
+
>
Transcribed Image Text:Safari File Edit View History Bookmarks V Window D Fried Shrimp and Squid Served with spicy sauce Image by jcomp on Freepik $15 O Help file:///Users/sandraballard/Downloads/CIS%20112%20Final/menu.html Appetizers A Ban Ban Jie Chicken, lettuce, cucumbers, tomatoes, green onions, red ginger, served with a sesame dressing. Image by Ramen Nippon $12 SO ((( cricut 8 DYMO + Mon May 1 2:12 AM Other Bookmarks Ⓡ ... ... S ... S 31 + >
Expert Solution
steps

Step by step

Solved in 4 steps with 1 images

Blurred answer
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education