@StormKing969
Posted
Hi,
Let me begin by saying congratulation for completing this challenge. As for your question about organizing your CSS file, I believe that you can do two thing (speaking from personal experience):
- First you can section off your components with comments and basically group everything that is related together. (However, I stopped doing that because once your CSS file has more than 100 lines, it becomes hard to locate specific tags)
The link below is an old portfolio project of mine that shows what I mean by sectioning off your file into components using comments and also the issue that I mentioned above
https://github.com/StormKing969/Personal-Portfolio/blob/main/assets/css/styles.css
- The second way is to learn SASS/SCSS. It's very easy to learn and you can easily link several different styling files into one. For example in your case, you could have one file to store all your variables, another to store the default values of your tags and a third one to style the card itself. This makes going back to your file and locating specific tags easy and
The link below is an example on how I used SCSS to style my project
https://github.com/StormKing969/Personal-Portfolio-Version-2/tree/main/scss