Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <style> /* Default styles */ body { background-color: white; color: black; } .content { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .item{ border: 1px solid; padding: 5px; } /* Styles for grid-based devices */ @media (grid: 1) { body { background-color: lightgrey; color: darkblue; } } </style> </head> <body> <h2>Grid Media Query Example</h2> <div class="content"> <div class="item">Item 1</div> <div class="item">Item 2</div> </div> </body> </html>