What's new

Help Web html

craige

Forum Guru
Joined
Jul 4, 2019
Posts
2,446
Solutions
1
Reaction
6,778
Points
1,262
1664347022629.png
1664347034221.png
1664347053038.png



If anyone po pwede makatulong want ko lang po sana is 3 sa baba parang 3 by 3 po or parang column dating para malinis tignan kaso nangyayari mo is ganyan pumapantay siya hahaha,
 

Attachments

CSS:
/*
 * width: 100% / 3 items = 33.33...%
 * tips: Gamitan mo ng media query kasi magiging squishy 'to sa mga small screen size.
 */
.box{
    width: 33.333333333333333333333333333333%
}
 
use grid mas madali

CSS:
.cover {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


change mo lang yung
repeat(3, minmax(0, 1fr));
base sa need mo


yung selector pala dapat nasa parent
i mean parent ng mga list mo

in your case its .cover
 
use grid lods.
CSS:
.cover {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px
}

sa gap eh ikaw na bahala magadjust
 
lagyan mo po ng class na row

tapos yung sa loob nya class is col-md-4

bali sa isang row.. 12 na column po ang total

sample

<div class="container-fluid row">
<div class="box col-md-4">
your content here
</div>
</div>
 
Back
Top