Coding Exercises: Semantic HTML and CSS

Focused View

Jen Kramer

33:27

0 View

[1] Introduction

[1] Challenge yourself with CSS layouts.mp4

01:19

[2] What you should know.mp4

01:11

[2] 1. Challenges Layouts with Flexbox

[1] Create semantic markup for photos and text.mp4

02:13

[2] Generally styling the robots.mp4

03:21

[3] Create a flexible layout with Flexbox.mp4

02:46

[4] Adding controls across breakpoints.mp4

02:36

[3] 2. Challenges Layouts with Navigation Bars

[1] Create semantic markup for the header and navbar.mp4

01:49

[2] Create a horizontal layout with two methods.mp4

02:52

[3] Create a mobile layout and hamburger button using only CSS.mp4

03:25

[4] Add a desktop layout to create a responsive navbar.mp4

02:03

[4] 3. Challenges Layouts with Grid

[1] Create semantic markup for a series of photos and text.mp4

02:21

[2] Create the desktop layout.mp4

02:10

[3] Integrate the grid and create breakpoints.mp4

02:15

[4] Combine the challenges for a full webpage.mp4

03:06

Description

To fully realize what you know about topics like HTML and CSS, it sometimes helps to challenge yourself with small projects. That’s what this course does for you. Over the course’s twelve challenges, instructor Jen Kramer walks you through building a full webpage from scratch, using HTML and CSS. The first group of four challenges involves building a portion of the webpage using a Flexbox-based layout. The second group of four challenges focuses on building a horizontal navigation bar with a CSS-powered hamburger button. The final four challenges step through creating a grid-based layout and combining work completed across challenges to create a beautiful, responsive webpage.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Jen Kramer

Instructor's Courses

Want an expert curriculum developer and subject matter expert to design your no-code boot camp? I'm the person you've been looking for! I eliminate the web's gatekeepers by teaching the world how to tell their stories online in a fun and accessible way for all skill levels. Whether you are a code person or a no-code person, or if you have a deep technical background or none at all, you can create an online side hustle, change your career, sell your services, and market your products. I'm here to teach you how. Follow me at LinkedIn Learning for coding and no-code solutions to your problems. Follow me at Frontend Masters for coding solutions to your problems.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.