Skip to content

A responsive article card layout built with HTML and CSS. Each card includes an image, rating, description, and a “Read” button. Designed for seamless viewing across devices from desktop to mobile.

License

Notifications You must be signed in to change notification settings

Logashree03/Recommended-Article-Web-Design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Article Grid UI 📰✨

A responsive Article Grid UI that displays recommended articles using a clean, card-based layout.
Built with HTML and CSS, focusing on responsiveness and modern UI structure.


🚀 Live Demo

https://logashree03.github.io/Recommended-Article-Web-Design/


✨ Features

  • Responsive grid layout
  • Article cards with images
  • Rating display using icons
  • Clean typography and spacing
  • Mobile, tablet & desktop support

🛠️ Technologies Used

  • HTML5
  • CSS3 (Grid & Media Queries)
  • Font Awesome Icons
  • Google Fonts

📂 Project Structure

├── index.html ├── Style.css ├── images/


📌 Learning Outcomes

  • CSS Grid layout
  • Responsive design with media queries
  • Card-based UI design
  • Layout reordering using grid-area

📬 Contact


About

A responsive article card layout built with HTML and CSS. Each card includes an image, rating, description, and a “Read” button. Designed for seamless viewing across devices from desktop to mobile.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published