HTML and CSS guide for designers article

Dave Goodman provides a comprehensive guide on creating responsive navigation menus using HTML, CSS, and JavaScript. It delves into the importance of well-designed menus for modern web design, ensuring users can easily navigate websites.

Goodman introduces the tag, the fundamental building block for creating rows and columns on web pages. They explain how to style these tags using CSS, including setting fixed widths in pixels or using percentages for responsive design.

Techniques such as floating elements side-by-side and the rationale behind this approach are discussed. The article emphasizes the significance of using percentage-based widths over fixed pixel values, as the former adapts better to responsive design requirements.

While the author acknowledges that floating elements are not the only method for creating rows and columns, they note that it remains a widely used technique, particularly in legacy web development.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.