Open thestarsahil opened 1 year ago
hey! @thestarsahil I am a beginner in open-source and I am serving as GSSOC 23 contributor this year. I would like to take up this issue. I am well versed with HTML, CSS and JS. Please assign me this issue.
Hello @thestarsahil I am a contributor under GSSOC'23 and I have been working on this issue. Please assign this issue to me. Thank you...
@thestarsahil I would like to work on this issue under GSSOC'23.Can u pls assign me this issue?
@sha0urya @PiyushaGhodake
This change will make our project more organized and modular, and it will make it easier to maintain and customize the styling of the website. Please coordinate with each other and discuss any problems you encounter in the discussion section. I look forward to seeing your work flow.
Thank you @thestarsahil sir for providing me this opportunity. I will keep updating the work flow in the discussion section.
Currently, our project utilizes a single CSS stylesheet to style the entire website. However, it would be beneficial to have separate CSS files for all sections. This would allow for more organized and modular code, making it easier to maintain and customize the styling of these sections independently.
Create separate CSS files for the all sections. Refactor the existing code to remove any conflicting styles and dependencies between the sections. Link the respective CSS files to their corresponding pages. Apply the necessary styles specific to each section in their respective CSS files.
Improved code organization: Having separate CSS files will provide a clear separation of concerns, making it easier to locate and modify specific styles for each section. Enhanced customization: With separate CSS files, it will be easier to customize the styling of the login and signup sections without affecting the rest of the website. Modularity and maintainability: Changes or updates required in either section can be done independently without impacting other parts of the website. Readability and scalability: Having dedicated CSS files for each section improves code readability and allows for easy scalability as new sections or features are added in the future.
Implementation Steps Example :
Create separate CSS files, e.g., "login.css" and "signup.css".
Refactor the HTML code of the login and signup pages to ensure proper class and ID naming conventions.
Move relevant CSS rules from the main stylesheet to their respective section-specific CSS files.
Link the CSS files to their corresponding pages using the tag.
Test the functionality and styling of the login and signup sections to ensure they are properly styled.