تجريبي

.post-card-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px; box-sizing: border-box; } .post-card { width: 300px; background-color: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; cursor: pointer; } .post-card:hover { transform: scale(1.03); } .post-card img { width: 100%; height: 180px; object-fit: cover; } .post-card-content { padding: 15px; } .post-card-title { font-size: 20px; color: #333; margin-bottom: 10px; font-weight: bold; } .post-card-snippet { font-size: 15px; color: #666; line-height: 1.6; ...

<b:widget id='CardApp1' type='HTML' title='تطبيق البوست كارت' visible='true'>   <b:widget-content><![CDATA[     <style>       body {         font-family: 'Cairo', sans-serif;         background: #f0f4f8;         margin: 0;       }       .app-container {         display: flex;         flex-wrap: wrap;         justify-content: center;         gap: 20px;         padding: 20px;       }       .card {         background-color: #fff;         width: 300px;         border-radius: 16px;         box-shadow: 0 4px 8px rgba(0,0,0,0.1);         overflow: hidden;         transition: transform 0.3s ease;     ...