📚 Welcome to Edumantra: Rich Study Material for Topper Success!

Discover handy notes, NCERT solutions, extra questions, deep analysis, and expert-written content—all in one place. Edumantra offers free, reliable, and effective study material to help students excel, especially in English. Learning has never been this easy!

Grammar Summaries Essays Sample Papers NCERT Solutions MCQs Contact Us

Classes
Class 1
Class 2
Class 3
Class 4
Class 5
Class 6
Class 7
Class 8
Class 9
Class 10
Class 11
Class 12
/* General grid layout */ .responsive-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; justify-items: center; padding: 1rem; max-width: 1200px; margin: 0 auto; } .class-item { text-align: center; } .class-icon-wrapper { display: flex; justify-content: center; align-items: center; } .class-icon { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .class-icon i { color: white; font-size: 28px; } .class-icon:hover { transform: scale(1.1); /* Optional hover effect for icons */ } .class-label { margin-top: 0.5rem; font-size: 0.9rem; font-weight: bold; color: #333; } /* Responsive adjustments */ @media (max-width: 1024px) { .responsive-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 768px) { .responsive-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 480px) { .responsive-grid { grid-template-columns: repeat(2, 1fr); } }

Summaries

/* Container */ .summaries-container { background-color: #222; /* Dark background */ padding: 20px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* 3D shadow effect */ max-width: 800px; margin: 20px auto; color: #fff; /* Light text */ } /* Heading */ .summaries-heading { text-align: center; font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; color: #4CAF50; /* Accent color for heading */ } /* List */ .summaries-list { list-style: none; padding: 0; margin: 0; } /* Links */ .summary-link { display: flex; align-items: center; padding: 12px; border-radius: 8px; text-decoration: none; font-size: 1rem; font-weight: bold; color: #fff; background: linear-gradient(145deg, #1e1e1e, #2a2a2a); /* Dark 3D effect */ box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(50, 50, 50, 0.2); transition: all 0.3s ease; } .summary-link i { margin-right: 10px; /* Space between icon and text */ font-size: 1.2rem; color: #4CAF50; /* Icon color */ } .summary-link:hover { background: linear-gradient(145deg, #2f2f2f, #3a3a3a); /* Lighter hover effect */ box-shadow: 4px 4px 8px rgba(255, 255, 255, 0.2), -4px -4px 8px rgba(0, 0, 0, 0.3); /* Brightens on hover */ transform: translateY(-2px); /* Slight upward movement */ color: #4CAF50; /* Highlight text on hover */ }