Vitaly Friedman

Smartes Responsive UX-Design: Clevere Tipps, Tricks und Techniken

Today I build a responsive website for the Design Machine page. I make 3 kind of size for Desktop, Tablet, and Mobile. 
1. Desktop UI
<img srcset="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg 600w, https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg" loading="lazy" alt="Design Machine Responsive - image 1 - student project">
 
2. Tablet UI
<img srcset="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg 600w, https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg" loading="lazy" alt="Design Machine Responsive - image 2 - student project">
 
3. Mobile UI
<img srcset="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg 600w, https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg" loading="lazy" alt="Design Machine Responsive - image 3 - student project">

Design Machine Responsive

Unternehmen

Work With Us

Unterrichten Sie mit uns

Shop

Für unterwegs