Nested nav to article
âď¸ I have changed the nested nav into article, nav was allowed according to W3 but . I have thought about it and nesting the nav in this situation is not good since it is used to navigate.
carousel refactor
The use of the label and nesting p elements was not semantic so i have taken a diffrent approach to better the code i have nested the nav together since it's allowed according to W3 this is the soloution to fix the errors
fallback js
I have created a fallback for the navbar incase the user has turned of javascript. For mobile and desktop the user can still make use of the navigation.
Carousel completed
- Carousel has been fixed it is fully scrollable
- When Javascript is turned off you can still scroll through the carousel and you can see the names of the doctors
- carousel has a scrolldriven animation where the highlighted doctors get highlighted by increasing the scaling of the img
-carousel is fully responsive from mobile first to desktop
call to action styling and refactor
I have changed the size of the call to action on larger screen previous design wasn't making full good use of the available space. I have also changed the font size on larger screen to make it more readable
space fix between content and nav
âď¸
- adjusted the content between the content and nav
- removed commented in which i gave a samll presentation to show diffrence in which size of the content is better to use
