Add cover styling for petition pages
Add responsive cover image styling with object-fit and height constraints Adjust cover image positioning to focus on bottom of image Update HTML class to include cover styling context
This commit is contained in:
parent
199b49ef9e
commit
7151d3b933
3 changed files with 11 additions and 1 deletions
|
|
@ -1,3 +1,3 @@
|
|||
<section class="escape">
|
||||
<section class="escape cover">
|
||||
<img src="cover.jpg"/>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,11 @@ article > h4 {
|
|||
color: oklch(from var(--color-grey) l c h / calc(l + 0.35));
|
||||
}
|
||||
|
||||
|
||||
main article .cover img {
|
||||
object-position: center 100%; /* adjustable focus point */
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.button--petition {
|
||||
background-color: var(--color-green);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue