@abymaniSubmitted over 2 years ago
Latest solutions
Latest comments
- @kkarrwritesPosted over 2 years ago
Hi Abdul! CSS-Tricks has an excellent guide about styling buttons that may be helpful and is a good place to start (https://css-tricks.com/a-complete-guide-to-links-and-buttons/).
On the web version of your project, it looks like you started styling the links in the navigation bar with a white hover effect, but I think the actual button styling is supposed to only be for the "Contact" link. What I did for the "Contact" button was to create a class that has both a regular state (black text with white background) and a hover state (white text with blue background). In the mobile version of the site, however, the "Contact" link button changes, so you'll want to make a version of that button too (black text with yellow background).
0 - @OsaodeSubmitted over 2 years ago@kkarrwritesPosted over 2 years ago
Hi Osaode! I'm K. I want to preface my comment by saying that while I've been studying HTML, CSS, and JavaScript for a while now, I'm still a student. Nevertheless, I wanted to take a stab at your question regarding bulky CSS and CSS frameworks.
When I first started coding CSS, I was immediately overwhelmed by the bulk of it. I asked myself, how can a web developer follow the DRY ("Don't repeat yourself") principle of development in CSS? It seems very difficult! One of the solutions I've found is to research and implement different methods of writing CSS.
Two methods I've found helpful are BEM (https://getbem.com/introduction/) and OOCSS (https://www.hongkiat.com/blog/basics-of-object-oriented-css). I've also started learning and implementing Sass, which is a great way to organize your CSS into more manageable parts.
Regarding frameworks, I would recommend Bootstrap, although my knowledge of it is limited; however, I do think it is good to practice writing CSS and/or SCSS before working with a framework.
Well, I hope this helps!
Marked as helpful1
