/* hmtl */ <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <article class="card"> <div class="card-body"> @Antonio Robles </div> </article> </body> </html> *** /* CSS */ :root { --border-color: linear-gradient(to right, tomato 0%, gold 100%); --card-color: #222; } .card { background: var(--border-color); aspect-ratio: 10/16; width: 200px; padding: 5px; border-radius: 16px; position: relative; } .card-body { color: wheat; background: var(--card-color); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 16px; }