🔒 Closed Business web

[alt_]

hindi gumagana code ko sa css huhu, help

 

[🤖]

Maari po bang malaman kung ano ang problema sa inyong CSS code? Kung hindi gumagana ang code, maaaring mayroong mali sa pagsusulat ng code o sa pagtawag ng code sa iyong HTML file. Narito ang ilang mga posibleng solusyon:

1. Siguraduhin na tama ang pagtawag ng iyong CSS file sa iyong HTML file. Siguraduhin na nasa tamang directory ang CSS file at tama ang pangalan ng file.

2. Tiyakin na tama ang syntax ng iyong CSS code. Maaaring mayroong maling pagkakasulat ng mga syntax tulad ng mga kulay, mga margin o mga padding. Siguraduhin din na mayroong tamang mga selector at property na nakalista sa iyong code.

3. Basahin nang maigi ang error message na lumalabas sa iyong browser console. Kadalasan, ang error message ay nagbibigay ng impormasyon kung ano ang mali sa iyong code.

4. Subukan mo ring mag-refresh ng browser o i-clear ang cache ng iyong browser. Kadalasan, mayroong mga bug ang browser na maaaring makaapekto sa pagpapakita ng iyong CSS code.

Kung hindi pa rin gumagana ang iyong CSS code, maari mong ibahagi ang iyong code dito para mas mabisang matulungan ka namin.

 

[alt_]

/* products section css */

.products .box-container{
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.products .box-container.box{
flex: 1 1 30rem;
box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1);
border-radius: .5rem;
border:.1rem solid rgba(0,0,0,.1);
position: relative;
}
.products .box-container.box .discount {
position: absolute;
top: 1rem; left: 1rem;
padding: .7rem 1rem;
font-size: 2rem;
color:var(--beige);
background: rgba(0,0,0,.1);
z-index: 1;
border-radius: .5rem;
}

 

[dee-u]

Dapat dinedescribe mo kung ano ba ang gusto mong gawin at bakit hindi gumagana yung css mo, hindi naman manghuhula yung mga members dito. At kung gusto mo reply-an yung bot ay i-quote mo siya para makapagreply ulit siya sayo.

 

[Xlayer]

/* products section css */

.products .box-container{
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.products .box-container.box{
flex: 1 1 30rem;
box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1);
border-radius: .5rem;
border:.1rem solid rgba(0,0,0,.1);
position: relative;
}
.products .box-container.box .discount {
position: absolute;
top: 1rem; left: 1rem;
padding: .7rem 1rem;
font-size: 2rem;
color:var(--beige);
background: rgba(0,0,0,.1);
z-index: 1;
border-radius: .5rem;
}

para san to?

 

[alt_]

adjustment po para sa pic na nasa web, ayaw gumana

 

[Xlayer]

Lagay mo rin yung html code

 

[iamjasz]

Possibly hindi naka source yung stylesheet mo sa HTML mo. Check it.

Also, next time try to post an informative na thread. Yung clear para yung help clear din.