recipeBuddy/src/app/recipe-card/recipe-card.component.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

.example-viewport {
     height: 1000px;
     width: 100%;
     display: flex;
	 margin-left: auto;
	 margin-right: auto;
}
button{
	float: left;
	padding: 10px;
}
.example-card {
  float: left;
  width: 100%;
  margin: 10px;
}
.example-card:hover {
  border: solid;
}
#card-title {
  font-weight: bold;
  cursor: pointer;
}
#cardContainer {
	width: 35%;
	padding: 5%;
	float: left;
}