plugins – Should I put all my Custom CSS code in 1 file?

Add question

Username* Please type your username .

E-Mail* Please type your E-Mail .

Question Title* Please choose an appropriate title for the question to answer it even easier .

Category Please choose the appropriate category so others can easily search your question.

Tags Please choose suitable Keywords Ex : question , poll .

Poll This question is a poll ? If you want to be doing a poll click here .

Featured image

Browse

Details*

Ask Anonymously Anonymous asks

Video description Do you need a video to description the problem better ?

Video type Choose from here the video type .

Video ID Put here the video id : https://www.youtube.com/watch?v=sdUUx5FdySs EX : 'sdUUx5FdySs'.

Notified Notified by e-mail at incoming answers.

Terms* By asking your question, you agree to the Terms of Service and Privacy Policy.

Captcha*

plugins – Should I put all my Custom CSS code in 1 file?

Question

I am new to CSS to please bear with me.

I have multiple CSS custom code for different purposes, see below:

However, according to WPBeginner, it sounds like its better to have all the CSS code in 1 file, so that its easily portable across themes (below). It also seems much easier to organize and find conflicts between css code (eg. different margin customizations) if they are all in one place.

So before I put all my CSS code (the above 3 items) in 1 file, just wanted to check with the CSS experts on the community and make sure if putting all the CSS code in 1 file is standard practice, and won’t cause my code to break?