This is my personal homepage (just a practise version), designed using HTML and CSS to achieve responsive and accessible design on any screen
Check it out 👉here!👈
- Responsive design achieved for screens ranging from desktops and tablets to mobiles
- Natural responsiveness of Flexbox has been utilized
- Media queries have been implemented to solidify responsive design
- The concept of art direction has been implemented through the
<picture>tag to serve clipped versions of images for different viewport sizes - Accessibility friendly design has been implemented, through usage of accessible colors consisting of good contrast ratio, ensuring keyboard navigation, utilizing WAI-ARIA to enhance screen reader experience
- Modern normalize is used for cross-browser consistency