Movie Card Generator tool

Updated- 28 June 23, version -6

Given below CSS Use body section 

<style> .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; padding: 20px; } @media (max-width: 768px) { .grid-container { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .grid-container { grid-template-columns: repeat(4, 1fr); } } .movie-card { background-color: #f9f9f9; border-radius: 5px; padding: 10px; text-align: center; } .movie-card img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 5px; margin-bottom: 10px; } .movie-card h3 { margin: 0; } .movie-card p { margin-top: 5px; font-size: 14px; color: #555; } </style>

Add a Movie

Title:
Release Date:
Image URL:
Link URL:

See also