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.

Sign up for GitHub

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

Responsive Web Design Fixes: Footer #142

Closed
wants to merge 2 commits into from
Closed

Responsive Web Design Fixes: Footer #142

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d7e7f9e
#139 Fixes Footer
Dec 8, 2023
ea0b029
#139 fix Footer container Issue
Dec 8, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions components/home/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,8 +81,8 @@ const Footer: React.FC<any> = ({ settings }) => {

return (
<footer className="relative overflow-hidden">
<div className="absolute h-full -left-14 right-0 bg-footer-background -z-10" />
<div className="mb-10 px-14">
<div className="absolute h-full -left-14 right-0 bg-footer-background bg-cover -z-10" />
<div className="mb-10 px-14 lg:container lg:mx-auto">
<div className="flex flex-col flex-wrap mx-auto md:items-center lg:items-start md:flex-row md:flex-nowrap">
<img
className="h-8"
Expand All @@ -93,15 +93,15 @@ const Footer: React.FC<any> = ({ settings }) => {
<div className="flex flex-col flex-wrap mx-auto md:items-center lg:items-start md:flex-row md:flex-nowrap">
<div className="w-full text-center md:text-left">
<p
className={`mt-4 mb-4 text-[#001240] text-lg leading-[22px] font-montserrat font-semibold ${
className={`text-center md:text-left mt-4 mb-4 text-[#001240] text-lg leading-[22px] font-montserrat font-semibold ${
AR() ? 'text-right' : 'text-left'
}`}
>
{t('ft-h-offi')}
</p>
<ul className="flex space-x-6 text-sm list-none">
<ul className="flex space-x-4 text-sm list-none flex-col md:flex-row ">
{navigation.menu.map((item) => (
<li key={item.name} className={AR() ? 'ml-5' : ''}>
<li key={item.name} className={`${AR() ? 'ml-5' : ''} mt-4`}>
<Link href={item.href}>
<a
href={item.href}
Expand Down
Loading