Lenaā¢ 230
@lenanle333
Posted
Great job in creating a responsive website! The layout looks great and it looks very similar to the original design.
Here is some feedback:
- Make sure you're sizing down the fonts so that tablet and mobile views can get the best user experience.
- I see that you applied a lower opacity for the footer image, that ended up making the elements within it transparent as well.
- When using header tags, make sure there is only one h1 tag on a page and make sure you are using them in order (h2 ā h3 ā h4...). You can always change the font sizes accordingly.
Lastly, this is a tip that was given to me in a previous challenge that I thought would be helpful to you.
š You can use the <picture> tag when you have different versions of the same image.
Using the <picture> tag will help load the correct image to the user's device, saving bandwidth and improving performance.
Example:
<picture>
<source media="(max-width: 460px)" srcset="{desktop image path here}">
<img src="{mobile image path here}" alt="{alternative text here}">
</picture>
0