Types of Converters

Types of Converters

.root { width: 100%; display: flex; justify-content: center; align-items: center; } .card-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; } .card { display:flex; width: calc(50% - 20px); min-width: 250px; height: 120px; background-color: #a8a7a7; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; margin: 10px; transition: transform 0.3s ease-in-out; box-sizing: border-box; cursor: pointer; text-align: center; align-items: center; } .card-title { font-size: 18px; margin: auto; color: #141414; } .card-content { font-size: 16px; color: #141414; } .card:nth-child(2n+1) { clear: both; } .card:hover { cursor: pointer; scale: 1.05; } .card-container::after { content: ""; display: table; clear: both; } @media (max-width: 720px) { .card { width: calc(50% - 20px); } } @media (max-width: 480px) { .card-container { flex-direction: column; width: 100%; } .card { width: calc(100% - 20px); margin: 10px 0; } }

@media (max-width: 360px) { .card { width: calc(100% - 20px); margin: 10px 0; min-width: unset; height: auto; } .card-title { font-size: 16px; } .card-content { font-size: 14px; } }

Why do we use Online Converters?

CSV to JSON Converter...