@tomiwaorimoloyeSubmitted over 4 years ago
Any Suggestions??
temidayo
@temideewanAll comments
- @temideewanPosted over 4 years ago
You could have added a transition on the button to make the effects less Janky. Also, there could be a bit more space between the list. But overall, it's pretty good
0 - @Satyam1203Submitted over 4 years ago
How do I edit/change a css property on occurence of an event by referring to a class, using Javascript?
@temideewanPosted over 4 years ago//Select the element with class container let container = document.querySelector(".container"); //make something happen when we click on container container.addEventListener('click', ()=> container.classList.toggle("red")); //this presumes however that in whatever css file linked to your HTML document there are particular CSS rules for a class named red.There are a bunch of different events you can respond to. Further information in the MDN documentation
2 - @Ayaka0Submitted over 4 years ago
I am still suffer how to build responsive. please advice me.
@temideewanPosted over 4 years agoWell you could try a little trick I learnt from jonas schmedtman..... You set the font size on your HTML tag to a particular percentage of the default size (usually 16px)... So for instance font-size:100% would translate to 16px.... But I prefer using 62.5% which translates to 10px... And then I use REM units for the calculation of sizes.... So when I target a smaller breakpoint I just reduce the font size to say 50% and it fixes a lot of the problem so you have less components to apply media queries to.... You could chat me up to explain better if this doesn't cover it
0
