ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 09:40:46 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added mobile grid element

Browse source
This commit is contained in:
Thomas Smith 2022-09-28 20:19:54 -04:00
parent 10917d37aa
commit 473f093e34
3 changed files with 38 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/layouts/index.html
View file

@ -87,6 +87,7 @@
<h2 style="margin-bottom: 1vw;">about tea.</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
</div>

33
src/static/Images/mobile-grid-element-3-rows.svg Normal file
View file

@ -0,0 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" width="370.329" height="123.776" viewBox="0 0 370.329 123.776">
<g id="Group_1248" data-name="Group 1248" transform="translate(4215.165 301.164)">
<g id="Group_1247" data-name="Group 1247" transform="translate(0 -180)">
<path id="Rectangle_1100" data-name="Rectangle 1100" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4214.915 -38.73)" fill="#949494"/>
<path id="Rectangle_1102" data-name="Rectangle 1102" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4173.822 -38.73)" fill="#949494"/>
<path id="Rectangle_1103" data-name="Rectangle 1103" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4132.73 -38.73)" fill="#949494"/>
<path id="Rectangle_1104" data-name="Rectangle 1104" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4091.638 -38.73)" fill="#949494"/>
<path id="Rectangle_1105" data-name="Rectangle 1105" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4050.546 -38.73)" fill="#949494"/>
<path id="Rectangle_1106" data-name="Rectangle 1106" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4009.454 -38.73)" fill="#949494"/>
<path id="Rectangle_1107" data-name="Rectangle 1107" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3968.362 -38.73)" fill="#949494"/>
<path id="Rectangle_1108" data-name="Rectangle 1108" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3927.27 -38.73)" fill="#949494"/>
<path id="Rectangle_1109" data-name="Rectangle 1109" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3886.178 -38.73)" fill="#949494"/>
<path id="Rectangle_1110" data-name="Rectangle 1110" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4214.915 -79.822)" fill="#949494"/>
<path id="Rectangle_1112" data-name="Rectangle 1112" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4173.822 -79.822)" fill="#949494"/>
<path id="Rectangle_1113" data-name="Rectangle 1113" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4132.73 -79.822)" fill="#949494"/>
<path id="Rectangle_1114" data-name="Rectangle 1114" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4091.638 -79.822)" fill="#949494"/>
<path id="Rectangle_1115" data-name="Rectangle 1115" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4050.546 -79.822)" fill="#949494"/>
<path id="Rectangle_1116" data-name="Rectangle 1116" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4009.454 -79.822)" fill="#949494"/>
<path id="Rectangle_1117" data-name="Rectangle 1117" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3968.362 -79.822)" fill="#949494"/>
<path id="Rectangle_1118" data-name="Rectangle 1118" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3927.27 -79.822)" fill="#949494"/>
<path id="Rectangle_1119" data-name="Rectangle 1119" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3886.178 -79.822)" fill="#949494"/>
<path id="Rectangle_1120" data-name="Rectangle 1120" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4214.915 -120.914)" fill="#949494"/>
<path id="Rectangle_1121" data-name="Rectangle 1121" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4173.822 -120.914)" fill="#949494"/>
<path id="Rectangle_1122" data-name="Rectangle 1122" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4132.73 -120.914)" fill="#949494"/>
<path id="Rectangle_1123" data-name="Rectangle 1123" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4091.638 -120.914)" fill="#949494"/>
<path id="Rectangle_1124" data-name="Rectangle 1124" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4050.546 -120.914)" fill="#949494"/>
<path id="Rectangle_1125" data-name="Rectangle 1125" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-4009.454 -120.914)" fill="#949494"/>
<path id="Rectangle_1126" data-name="Rectangle 1126" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3968.362 -120.914)" fill="#949494"/>
<path id="Rectangle_1127" data-name="Rectangle 1127" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3927.27 -120.914)" fill="#949494"/>
<path id="Rectangle_1128" data-name="Rectangle 1128" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(-3886.178 -120.914)" fill="#949494"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

4
src/static/css/homepage.css
View file

@ -422,6 +422,10 @@ hr{
margin-bottom: 10vw;
}
.mobile-grid-element{
width: 100%;
}
}
@media only screen and (min-width: 576px) {