mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2025-04-19 15:29:18 +00:00
099a494db5
* BETTERZON-31, dependencies. * BETTERZON-31: Fixing dependencies * BETTERZON-31, BETTERZON-50 info popover and footer had been changed. * BETTERZON-74 simple top-bar has been created. * WIP: creating footer using grid. * BETTERZON-78 adding bottom bar and top bar * Adding cookieconsent as dependency again since it was removed by a merge * Adding cookieconsent as dependency again since it was removed by a merge * Apply suggestions from code review Switching from single to double quotes * BETTERZON-78 - grid added, structured as in Adobe XD mockup * wip: component rewritten, simple grid applied. * wip: new component created and added to the app.module.ts. Added a minimal grid layout. Co-authored-by: Patrick Müller <patrick@mueller-patrick.tech> Co-authored-by: Patrick <50352812+Mueller-Patrick@users.noreply.github.com>
73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
.hot-deal-widget-wrapper{
|
|
width: 1640px;
|
|
height: 820px;
|
|
background-color: #f8f9fa;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-column-gap: 0px;
|
|
grid-row-gap: 0px;
|
|
align-items: center;
|
|
}
|
|
|
|
.product-description {
|
|
/*background-color: #3480E3;*/
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-columns: 15% 16px 15% 16px 15% 16px 15% 16px 15% 16px 15% 8px;
|
|
grid-template-rows: repeat(5, 1fr);
|
|
}
|
|
|
|
.product-image {
|
|
|
|
}
|
|
|
|
#hot-deals{
|
|
/*background-color: #E53167;*/
|
|
justify-self: center;
|
|
align-self: center;
|
|
grid-column: 3/10;
|
|
grid-row: 1/2;
|
|
}
|
|
|
|
#product-name {
|
|
justify-self: center;
|
|
align-self: center;
|
|
grid-column: 3/10;
|
|
grid-row: 2/3;
|
|
/*background-color: #E53167;*/
|
|
}
|
|
|
|
#product-name > p {
|
|
font-size: 65px;
|
|
}
|
|
|
|
#sales {
|
|
justify-self: center;
|
|
align-self: center;
|
|
grid-column: 3/10;
|
|
grid-row: 3/4;
|
|
/*background-color: #E53167;*/
|
|
}
|
|
|
|
#futher-informations {
|
|
justify-self: center;
|
|
align-self: center;
|
|
grid-column: 3/10;
|
|
grid-row: 4/5;
|
|
/*background-color: #E53167;*/
|
|
}
|
|
|
|
#points {
|
|
justify-self: center;
|
|
align-self: start;
|
|
grid-column: 3/10;
|
|
grid-row: 5/6;
|
|
/*background-color: #E53167;*/
|
|
}
|
|
|
|
.product-image {
|
|
display: grid;
|
|
justify-content: center;
|
|
}
|
|
|