agamjotsingh18 / codesetgo

Open Source Website of CodeSetGo
https://codesetgo.netlify.app/
MIT License
76 stars 236 forks source link

Update footer section #700

Closed RahmaaEsmail closed 11 months ago

RahmaaEsmail commented 11 months ago

Related Issue

Proposed Changes

I want to center-align the links in the footer instead of them being on the right side, and when the screen size is reduced , I want them to wrap to the next line . Also, I would like to add padding to all the text in the footer , and Change the links container to wrap it in list

Additional Info

Checklist

I added the links in a list and adjusted their width, margin, and display flex property to make them centered. I also adjusted the padding for the text on the right and left sides. Additionally, I created a media query for screens with a width of less than 300 pixels to wrap the list items.

https://github.com/agamjotsingh18/codesetgo/issues/687

I added the links in a list and adjusted their width, margin, and display flex property to make them centered. I also adjusted the padding for the text on the right and left sides. Additionally, I created a media query for screens with a width of less than 300 pixels to wrap the list items.

Because the links and text in the footer looked bad and were going outside of the footer, and there was no space between the text and the container.

There is no effect, and when I checked the website, I found it to be intact because I did not modify any classes that you may hear about in multiple places, but I only modified classes in the footer section

Output Screenshots

image
Screenshot #1 Screenshot #2
Title goes here Title goes here
Image goes here Image goes here
netlify[bot] commented 11 months ago

Deploy Preview for codesetgo ready!

Name Link
Latest commit f6524302db4928f1dc95f8b168f50b2236543b3d
Latest deploy log https://app.netlify.com/sites/codesetgo/deploys/64d0591bb773de00088c15b1
Deploy Preview https://deploy-preview-700--codesetgo.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

agamjotsingh18 commented 11 months ago

Didn't you checked all the pages footer ?