Tag: Search Engine Optimization

Tag: Search Engine Optimization
Posts: 3
: uppercase; letter-spacing: 0.5px; }.meta-value { font-weight: 600; color: #007cba; font-size: 1.1rem; }.author-archive-meta { display: flex; gap: 1.5rem; align-items: center; max-width: 600px; margin: 0 auto; }.author-avatar img { border-radius: 50%; width: 80px; height: 80px; }.author-info { flex: 1; text-align: left; }.author-bio { margin-top: 1rem; color: #666; }.archive-filters { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 2rem 0; padding: 1rem; background: #f8f9fa; border-radius: 8px; }.sort-options { display: flex; align-items: center; gap: 0.5rem; }.sort-options label { font-weight: 600; color: #333; }.sort-options select { padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; background: white; }.view-toggle { display: flex; gap: 0.5rem; }.view-toggle-btn { background: white; border: 1px solid #ddd; padding: 0.5rem; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }.view-toggle-btn.active, .view-toggle-btn:hover { background: #007cba; color: white; border-color: #007cba; }.posts-container.posts-list .post-card { display: flex; gap: 2rem; margin-bottom: 2rem; }.posts-container.posts-list .post-thumbnail { width: 200px; height: 150px; flex-shrink: 0; }.posts-container.posts-list .post-content { flex: 1; }.sticky-badge { position: absolute; top: 10px; left: 10px; background: #ffa500; color: white; padding: 0.25rem 0.75rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; text-transform