Latest solutions
Developed reponsiveness using SASS to design site
#accessibility#sass/scssSubmitted about 2 years ago
Latest comments
- @SatyapriyaMahato@juarezv90
- Your Burger SVG effect is excellent, and functions great
- Your mobile menu though has an out of place margin that does not allow clean line up with the navbar.
- Your container does not wrap the whole project evenly so the page display unportionately to design challenge.
- Padding not even which causes a lot of elements to be out of place.
- Opportunity lies for use of
display:flex;
design options
Excellent use of semantic html elements
Bonus Points: utilizing comments in your html
Please check out mine and let me know where I can improve as well
- @stephenolajire@juarezv90
- Imaging sizing and position need work, in desktop mode you're sizings are uneven and your Hero image bleeds over and covers the next section.
- Try using
object-fit: cover
in your CSS for maintaining images and not giving themm stretched appearance. - Scaling needs work for larger screen sizes, possibly putting the entire page in a container with a
max-width: 1440px; margin: 0 auto;
to keep it from oversizing your layout and have it centered on the page. - It looks like a lot of the hover effects are missing and the links do not have even demo function that shows that they are working links that could be programmed easily later on.
Overall
The site comes close to replicating the design but falls short on some structure aspects and CSS configurations.