@abymaniSubmitted about 2 years ago
I was not able to style the buttons kindly give suggestion to style them correctly. Please visit the solution and give your valuable feedback.
K. Karr
@kkarrwritesAll comments
- @kkarrwritesPosted about 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 about 2 years ago
Please recommend CSS frameworks that can help me write CSS easily and can compress it so it's not so bulky. My CSS was so difficult to write and it's too bulky.
@kkarrwritesPosted about 2 years agoHi 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
