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
29
30

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