Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

issue with a website footer alignment #556

Open
1 task done
12pavani opened this issue Dec 12, 2023 · 5 comments · May be fixed by #557
Open
1 task done

issue with a website footer alignment #556

12pavani opened this issue Dec 12, 2023 · 5 comments · May be fixed by #557
Labels
enhancement New feature or request

Comments

@12pavani
Copy link

Is your feature request related to a problem? Please describe.

Yes, my feature request is related to a specific problem. The issue I've encountered is issue with a website footer alignment, its alligned in the left side, it should be allign in the center of the web page . I believe that the proposed feature could address this problem by changing css code of footer.

Describe the solution you'd like

HTML Structure:
Ensure that your HTML structure for the footer is set up in a way that allows for easy styling. Here's a basic example:

CSS Styling:
Use CSS to style the footer and center it. Apply the following styles:
footer {
width: 100%;
background-color: #yourFooterColor; /* Add your preferred background color /
text-align: center;
padding: 20px; /
Adjust padding as needed /
position: fixed; /
If you want a fixed footer /
bottom: 0; /
If you want a fixed footer */
}
Adjust the styles according to your design preferences and the structure of your webpage.

Container Element:
If your footer content is wrapped in a container div, make sure to apply styles to the container as well:
.footer-container {
max-width: 1200px; /* Adjust to your preferred max width /
margin: 0 auto; /
Center the container */
}
Add the footer-container class to the wrapping div around your footer content.

Describe alternatives you've considered

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct
@12pavani 12pavani added the enhancement New feature or request label Dec 12, 2023
Copy link

👋 @12pavani

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

@Salonijain2210
Copy link

Please allow me the opportunity to resolve this issue at hand . I have designed many footers and one of the practice template's footer is given below
sample_footer

@12pavani
Copy link
Author

Yes I have given the sufficient content ☺️

@Salonijain2210
Copy link

@12pavani should I work on it?

@Salonijain2210
Copy link

@12pavani I have made some suitable changes in footer.

@Salonijain2210 Salonijain2210 linked a pull request Dec 19, 2023 that will close this issue
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants