I AM WORKING ON A FOOD WEBSITE AND I AM HAVING PROBLEM WITH STYLING IT. index Lists of Recipes Add recipes <% recipes.forEach(recipes =>{ %> > <%=recipes.name %> <% }) %> AND I AM TRYING TO GET SOMETHING LIKE THIS.

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

I AM WORKING ON A FOOD WEBSITE AND I AM HAVING PROBLEM WITH STYLING IT.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./css/style.css">

<title>index</title>

</head>

<body>

<div class="topnav">

<h1>Lists of Recipes</h1>

<a href="/recipes/new">

<button>Add recipes</button></a>

</div>

<div class="container">

<% recipes.forEach(recipes =>{ %>

<div class="card">

<a href="/recipes/<%=recipes._id%>">

<img src=<%=recipes.img %>> <br>

<div class="info">

<%=recipes.name %></a>

</div>

</div>

<% }) %>

</div>

</body>

</html>

AND I AM TRYING TO GET SOMETHING LIKE THIS.

Grilled Salmon
Grilled salmon is an easy, delicious and
healthy option to enjoy for lunch or
dinner as the summer rolls on. In just a
few simple steps, you...
40 MIN 236 KCAL
Sweet Potato Stew
30 MIN
660 KCAL
Spicy Chicken Bowl
This chicken bowl brings the heat and
plenty of flavor in a colorful, delicious
meal. Spice things up for dinner this
week, and add other fr...
20 MIN 541 KCAL
Transcribed Image Text:Grilled Salmon Grilled salmon is an easy, delicious and healthy option to enjoy for lunch or dinner as the summer rolls on. In just a few simple steps, you... 40 MIN 236 KCAL Sweet Potato Stew 30 MIN 660 KCAL Spicy Chicken Bowl This chicken bowl brings the heat and plenty of flavor in a colorful, delicious meal. Spice things up for dinner this week, and add other fr... 20 MIN 541 KCAL
Expert Solution
steps

Step by step

Solved in 3 steps with 2 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY