Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 1062

Templates for Joomla! 5.x • Re: CSS code for boxes in cassiopeia

$
0
0
footer class should stay footer-container.
(else you again have the double class issue)

CSS to set 3 columns:

Code:

.footer-top-container {  display: grid;  gap: 1em;}@media (min-width:768px) {  .footer-top-container {    grid-template-columns: repeat(3,1fr);  }}
* The boxes get a space (gap) between them of 1em. On smaller screens (<767px) the boxes are below each other. On bigger screens (>768px) the boxes are in 3 columns of equal width (1fr).

Statistics: Posted by Mr. Wimpy — Sat Jan 11, 2025 5:25 pm



Viewing all articles
Browse latest Browse all 1062

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>