Semantic HTML5 and CSS coupled with Flexbox and Grid)

Seems perfect to me.

Hello Clinton, you did a very good job on your first challenge and here're my suggestions.

• I noticed that the section element with the class name site has a div element with an image element with no src attribute link which produces an unnecessary space in the layout. I suggest removing that div element.

• Also, I suggest applying a max-weight property to the paragraph p elements in other for the text not to be stretched out on bigger screens.

• Also the images, should have a max-weight property applied. For example:

.device_showcase .device {
    width: 75%;
    max-width: 1000px;
}

• Finally, I'll suggest following a much better semantic layout structure. I noticed you didn't include the main element. Well, this is my personal structure though. Example below

<header>...</header>
<main>...</main>
<footer>...</footer>

Wassup man, seems your preview site is rendering a 404. Maybe you mistyped the url?