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
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
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
+
>](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fe0741fd5-a9d1-4858-85ab-b27b40e1f99a%2F54763dbf-489c-464f-8bb6-13faa1851448%2F9bl5syh_processed.jpeg&w=3840&q=75)
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
![](/static/compass_v2/shared-icons/check-mark.png)
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 4 steps with 1 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
Knowledge Booster
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.Recommended textbooks for you
![Database System Concepts](https://www.bartleby.com/isbn_cover_images/9780078022159/9780078022159_smallCoverImage.jpg)
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)](https://www.bartleby.com/isbn_cover_images/9780134444321/9780134444321_smallCoverImage.gif)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
![Digital Fundamentals (11th Edition)](https://www.bartleby.com/isbn_cover_images/9780132737968/9780132737968_smallCoverImage.gif)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
![Database System Concepts](https://www.bartleby.com/isbn_cover_images/9780078022159/9780078022159_smallCoverImage.jpg)
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)](https://www.bartleby.com/isbn_cover_images/9780134444321/9780134444321_smallCoverImage.gif)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
![Digital Fundamentals (11th Edition)](https://www.bartleby.com/isbn_cover_images/9780132737968/9780132737968_smallCoverImage.gif)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
![C How to Program (8th Edition)](https://www.bartleby.com/isbn_cover_images/9780133976892/9780133976892_smallCoverImage.gif)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
![Database Systems: Design, Implementation, & Manag…](https://www.bartleby.com/isbn_cover_images/9781337627900/9781337627900_smallCoverImage.gif)
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
![Programmable Logic Controllers](https://www.bartleby.com/isbn_cover_images/9780073373843/9780073373843_smallCoverImage.gif)
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education