Coding Challenges

Practice CSS Flexbox by building a responsive product card grid that displays four columns on desktop, two columns on tablet, and one column on mobile.

Create a responsive, beginner-friendly FAQ accordion using semantic HTML, native details and summary elements, and CSS styling without JavaScript.

Create a responsive image gallery with category filter buttons using HTML, CSS, and vanilla JavaScript while practicing DOM manipulation, event handling, and data attributes.

Build a beginner-friendly semantic HTML navigation bar with a site name, accessible links, and simple CSS for a clean horizontal website header.

Practice JavaScript problem solving by building a countVowels function that counts vowels in a string, handles edge cases, and explains the logic step by step.

Practice HTML form elements by creating a clean, accessible contact form page that collects a user's name, email, and message.

Practice basic HTML structure by building a beginner-friendly personal profile webpage with a heading, bio, hobbies list, and link.