Newer
Older
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<template>
<div>
<h2>Tilbudaviser</h2>
</div>
<div id="list">
<ul>
<li>
<a href="https://etilbudsavis.no/REMA-1000" target="_blank" rel="noopener noreferrer">
<img src="https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fsgn-prd-assets%2Fuploads%2F9tf8gmfaGBLcbjK3rhBlW&w=300&sign=Zq9DkNZRVTrnWUEb8C9driKqS1InuTFi_5b1XbIKTnM" alt="Rema 1000 logo"></a>
</li>
<li>
<a href="https://etilbudsavis.no/KIWI" target="_blank" rel="noopener noreferrer">
<img src = "https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fsgn-prd-assets%2Fuploads%2FG3XDq4dn6xRNyk-1gOZgb&w=300&sign=HIt49jOaHo0lFALYmhFwY3UWt8zkPkVtVkLaCVxVcE0" alt="Kiwi logo"></a></li>
<li>
<a href="https://etilbudsavis.no/Bunnpris/" target="_blank" rel="noopener noreferrer">
<img src="https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fetaproduction%2Fimg%2Flogo%2Fpageflip%2F00ibuh349ezgcwz3.png&w=300&sign=ryffYtZjdRMOoL63Nm5VY4YoigiOMaI5Lgrnb0hZhkE" alt="Bunnpris logo"></a></li>
<li>
<a href="https://etilbudsavis.no/MENY/" target="_blank" rel="noopener noreferrer">
<img src="https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fsgn-prd-assets%2Fuploads%2FgMULu5EGk-l57npG294B7&w=300&sign=hMQoYjgxL7F0XlPGCoZJXny-him1emA8RMoO-5W3lXU" alt="Meny logo"></a></li>
<li>
<a href="https://etilbudsavis.no/Coop-Mega/" target="_blank" rel="noopener noreferrer">
<img src="https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fsgn-prd-assets%2Fuploads%2Fk5LYCCJcujAJedeFOFRaj&w=300&sign=Gb0VlcY80QDtjFUs50oOOMPGhwUCOPVzBQ4bw2HpQ0Q" alt="Coop mega logo"></a></li>
<li>
<a href="https://etilbudsavis.no/Coop-Extra" target="_blank" rel="noopener noreferrer">
<img src="https://d1r8abvi6c1fdj.cloudfront.net/media?url=s3%3A%2F%2Fsgn-prd-assets%2Fuploads%2FnmLKqrg-wVDfXHyI_iS9D&w=300&sign=AaqQeyqkDZi_3r4xWetXNNTGRvvz3w74jexExHFhjBA" alt="Coop extra logo">
</a>
</li>
</ul>
</div>
</template>
<script>
export default {
name: "GroceryOffers"
}
</script>
<style scoped lang="scss">
div {
display: flex;
justify-content: center;
}
h3{
padding-top:1em;
}
li{
padding:1em;
}
img{
width: 10em;
}
ul {
padding:0;
text-align: center;
list-style-type: none;
width: 100%;
}
@media (min-width: 800px){
ul{
display: grid;
width: 100%;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
li {
padding:0.3em;
align-items: center;
text-align: center;
display: flex;
justify-content: center;
}
}
</style>