Raddy Website Design & Development Tutorials

From Adobe XD Prototype to HTML, CSS & JS – Part 2 HTML

By Raddy in Adobe XD / CSS / WordPress ·

This is the first video of the Coding series on how to convert an Adobe XD Prototype to HTML, CSS and JS. In this video, I start by creating the HTML structure of the layout and on the next video, I will be showing you how to style the HTML using CSS GRID and Flexbox.

Originally I was thinking to make the layout in HTML5 as it would have been much easier to read than having so many div’s but I didn’t want to overcomplicate things and I wanted the focus to be on using grid and simple div’s more than anything.

  1. Hi, Raddy it’s awesome. Thank you so much for your effort

    1. Raddy says:

      Thank you, Amila! Glad that you like it!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.