Posted in
1539
9:52 am, August 19, 2021
adding some more padding to the card in content areas
i noticed that the content areas or the article areas are a bit close up to the margins making things look a bit cramped so i added the following media query css to pad it out a bit more.
the query is targeted at screens greater than 1024px wide so it should not add excessive padding on smaller screens.
Example additional padding at 1024px and up
Screens that are smaller than 1024 px
will still get the normal card inner padding
as expected adding this padding to the inner content also padded the list cards which made them look a bit too padded, so will need to change the target to only the inner content area
adding some more padding to the card in content areas Demo
View Demo Full Screen View Demo New Tab
adding some more padding to the card in content areas Code
CSS
@media (min-width: 1024px) {
.page-inner .card-body {
padding: 2.5rem 2.5rem;
}
}
Add Comment
Other Items in css
Related Search Terms
Other Categories in Code
404 pages animation animations background effects boxes buttons css css & javascript css animation css animations css backgrounds css cursors css framework css frameworks css modal css positions css reset css shadows css slider css text effects css text formatting css tips css tools css z-index content slider cookie alerts design html css sections html canvas html sections icons image zoom interactive images lightbox link effects loading animation modals mouse effects navigation notifications parallax profiles quick css seo sections text ui web developer checklists animations backgrounds bootstrap buttons css css animated css animations css framework css grid footers forms html image effects images javascript scroll effects sections show your work svg text animation timeline
css animations
css animations
HTML Canvas
javascript