Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .viewport {
- position: relative;
- background-image: radial-gradient(
- farthest-corner circle at 50% 50% in oklch,
- oklch(80% .3 34) 0%, oklch(90% .3 200) 100%);
- height: 100vh;
- }
- .card {
- max-width: 300px;
- max-height: 300px;
- position: absolute;
- top: 0;
- left: 50%;
- rigth: 0;
- bottom: 0;
- transform: translate(-25%);
- margin: auto;
- }
- img {
- display: block;
- width: 100%;
- height: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement