QR Code Generator

css

/* General Styles */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; line-height: 1.6; color: #333; } /* Container for the blog post */ .container { width: 80%; max-width: 800px; margin: 20px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } /* Blog Post Title */ h1 { font-size: 2.5rem; color: #333; text-align: center; margin-bottom: 20px; } /* Blog Post Content */ .post-content { font-size: 1.1rem; color: #555; } .post-content p { margin-bottom: 20px; } .post-content img { max-width: 100%; height: auto; display: block; margin: 20px 0; border-radius: 8px; } /* Comment Section */ .comment-section { margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; } .comment-section h2 { font-size: 1.8rem; color: #333; margin-bottom: 20px; } /* Individual Comments */ .comments { margin-top: 20px; } .comment { background-color: #f9f9f9; padding: 15px; margin-bottom: 15px; border-left: 4px solid #ccc; border-radius: 4px; } .comment strong { color: #333; font-size: 1rem; } .comment p { margin: 10px 0 0; color: #555; font-size: 0.95rem; } /* Comment Form */ .comment-form { margin-top: 20px; } .comment-form h3 { font-size: 1.5rem; color: #333; margin-bottom: 15px; } .comment-form textarea { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; font-family: Arial, sans-serif; font-size: 1rem; } .comment-form button { padding: 10px 20px; background-color: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; } .comment-form button:hover { background-color: #218838; } /* Responsive Design */ @media (max-width: 768px) { .container { width: 90%; padding: 15px; } h1 { font-size: 2rem; } .comment-section h2 { font-size: 1.5rem; } .comment-form h3 { font-size: 1.2rem; } }

Word and Character Counter

Word Count: 0

Character Count: 0

Search This Blog

FinePrint