Overview

Responsive design is the practice of building flexible website layouts that can adapt to any screen size - an essential skill for any frontend developer. In this specialisation, you will level up your CSS skills by completing a variety of coding challenges to get you immediately writing code, putting what you're learning into practice! You'll build three impressive projects - a responsive site, a product splash page, and a flexible layout with CSS Grid.

Syllabus

Course 1: Build a Responsive Website with HTML and CSS
Course 2: Build a product splash page with HTML and CSS
Course 3: Build a Responsive Layout with CSS Grid

Courses

0 reviews
2 hours 30 minutes
View details

Immerse yourself in the world of web development with our interactive "Build a Responsive Website with HTML and CSS" course. This course offers 33 engaging lessons, perfect for honing your responsive design skills. Our comprehensive course covers everything you need to know about responsive design. You'll start by understanding the fundamentals and quickly move to practical applications, including flexible containers, media queries, and mobile-first principles. Through hands-on challenges, you'll learn to adapt web layouts for various screen sizes, ensuring a seamless user experience. By the end, you'll be ready to deploy your site on Netlify, showcasing your newfound expertise.
0 reviews
1 hour 35 minutes
View details

Already know the basics of HTML and CSS? Then it's time to take the next steps in Web Development with Scrimba's "Build a Product Splash Page" course! This hands-on, engaging course is designed for learners with a basic understanding of HTML and CSS. Consisting of 22 comprehensive lessons, the course offers just over an hour of immersive content, accompanied by 15 interactive challenges. You'll create a stunning product splash page from scratch, employing contemporary design methodologies and adhering to responsive web design principles. Each lesson builds on the previous, ensuring you develop practical skills in HTML, CSS, and Flexbox. Upon completion, you will deploy your project on Netlify to showcase your new skills live. In this course, you'll build a unique hands-on project: a tool to transform your photo into an iconic Scrimba avatar. This project reinforces your learning and adds a personal touch to your portfolio. Ready to elevate your frontend capabilities and take one more step towards becoming ready for that first developer job? Let's get coding!
0 reviews
1 hour 41 minutes
View details

Become a pro at responsive web design with our comprehensive CSS Grid course. This engaging and hands-on course will guide you through the intricacies of CSS Grid, transforming your web development skills. Over 18 concise lessons, you'll master grid columns, rows, and areas, and learn to create dynamic layouts that adapt seamlessly to any device. Whether you're building mobile, tablet, or desktop layouts, this course ensures your designs are flexible and robust. Perfect for aspiring front-end developers, this course offers practical exercises and expert insights to elevate your web development game. You'll gain confidence in creating visually appealing and user-friendly websites that meet modern standards. By the end of this course, you'll have the skills to implement responsive designs that enhance user experience and optimize site performance. Join us and take a significant step towards becoming a proficient web developer with advanced CSS Grid techniques.