Muhammad Adam• 210
@Muhammad-adam778
Posted
- عاش يا بطل .احنا عرب اه لكن هستأذنك أتكلم انجليزي عشان الكلام بيدخل في بعضه هنا ومش هتفهم مني حاجه
- There is some tips to improve design & solve accessibility problems:
- First About Accessibility : In Html file delete role attribute from
<main>and<footer>elements, you don't need it. - Second About Design:
- You need to hide the scrollbar & center the footer horizontally, to do that check this steps:
- To hide scrollbar :
- Set the margin of
<body>tozero - Set the position property of
<footer>toabsoluteand the bottom property tozero.
- To center the footer horizontally, check code below:
footer {
left: 50%;
transform: translateX(-50%);
}
-
For mobile : Add
text-align: centerto the<footer> -
I hope you find that helpful.
Marked as helpful
1
Ahmed Osama• 80
@ahmedd-osama
Posted
@Muhammad-adam778 Thanks for the tips, they are helpful indeed. Are you from Egypt BTW?
1
Muhammad Adam• 210
@Muhammad-adam778
Posted
@ahmedd-osama Yes, i'm from Egypt, and i am so glad it was helpful.
0
Ahmed Osama• 80
@ahmedd-osama
Posted
@Muhammad-adam778 I am from Egypt too :)
0
