@Sachin-Mahato
Posted
Good job for completing the challenge
As a front-end developer, your primary task is to transform the designer's visual concept into a functional website. The objective is to ensure that the final website closely resembles the original design. However, if there are noticeable differences between the website and the intended design, it's important to address this issue. use the build frotend mentor design comparison tool.
"It seems that CSS reset is not being fully utilized in the code."
CSS resets are often overlooked in web development, but they play a crucial role. They provide a starting point for consistent styling across different browsers. By neutralizing default browser styles, CSS resets create a clean slate for developers to work with. However, many developers underestimate their importance, leading to inconsistent styling and layout issues. Embracing CSS resets can greatly enhance the predictability and consistency of web design, resulting in a smoother user experience across various platforms and devices.check this link
Lack of semantic HTML
- Semantic HTML elements are missing.
- The structure does not convey the meaning and purpose of different parts of the webpage.
Usage of absolute units instead of relative units:
- Absolute units like pixels (
px
) are used for defining lengths and sizes instead of relative units like percentages (%
),em
, orrem
. - Relative units are more flexible and responsive across different screen sizes.
For improved accessibility 📈 for your content, it is best practice to use em ✅ for media queries. Using this unit gives users the ability to scale elements up and down, relative to a set value use this link to learn about media queries. CSS tricks
I hope you find this helpful and happy coding