Improve UI Section in Blogs

[beherabikram]

🛠️ Fixes Issue #1441

👨‍💻 Changes proposed

#1441

The CSS styles are assumed to be in an external file called styles.css.

The

is used to contain the blog cards.
The individual blog cards are represented using a single class named "card".
The blog cards have a consistent structure, including the title, owner, information, and a "Read more" link.
Each blog card has its own unique content, including the topic, author, date, and description.
The blog images are not included in the code, but you can replace the image URLs with the actual image paths in your project.

✔️ Check List (Check all the applicable boxes) #1441

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

📄 Note to reviewers #1441

📷 Screenshots

[netlify]

✅ Deploy Preview for aec-library-wbsite ready!

Name	Link
🔨 Latest commit	2487283
🔍 Latest deploy log	https://app.netlify.com/sites/aec-library-wbsite/deploys/64b6fc59986d5b00089323b5
😎 Deploy Preview	https://deploy-preview-1447--aec-library-wbsite.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rohanbabbar04]

First and foremost you did'nt open this issue neither you were assigned, yet you made a PR.

Second can you please elaborate/ share ss of your changes(before/after)...