@sandro21-glitch
Posted
Hi Kareem
Here are a few suggestions for improvement your code
Use proper indentation to make your code more readable and easier to maintain.
Instead of using inline styles, you can write your styles in a separate CSS file and link to it in your HTML file.
Use semantic HTML elements:
Consider using semantic HTML tags like header , section , article , footer instead of div for better accessibility and structure of your code.
Using pixels (px) in CSS is a common practice for setting element sizes, font sizes, and other layout-related styles. However, using px can cause issues with accessibility and responsiveness, as the sizes set in px will not change based on the size of the viewport or the device being used.
a better idea for a responsive and accessible website design is to use relative units like percentages (%), viewport units (vw, vh), or em/rem units. These units are relative to the size of the viewport or font size, respectively, and provide a more flexible and scalable approach to layout.
Happy Coding
Marked as helpful
