@Abasalamin91
Latest comments
- @HatimHJ
.container-grid { display: grid; width: 200px; /* grid-template-rows: 1fr 140px; */ } - @Eman-Abdallah@HatimHJ
i'm learning github [especially pull request] that whyi fork your project (hope you don't mind)
- @MahdiRezaeiDev@HatimHJ
nice work. try padding top and bottom for the main tag
- @rio-rifaldi@HatimHJ
you put the colors in css variables in the body selector when dark mode clicked you give the body class like 'dark' in other slector [body.dark] you change variables colors .
that how i did it in this challenging and it worked fine. there's a little bit of javascript
Marked as helpful - @TheAwesomeTechGirl@HatimHJ
media (max-width: 375px){ .container {
grid-template-columns: 1fr; // add this to the container}
.images {
grid-row: 1; // this to the image}
//or .text-box { grid-row: 2; // this to the text }
}
Marked as helpful - @KurtJF@HatimHJ
congratulations on finish the challenge
Is there a set breakpoint for responsive media query?
- Mobile: 375px
- Desktop: 1440px
when you code you should start with mobile then you adjust for desktop. this how i do it and it work ok for me
