Create Responsive Hero Section with HTML, CSS, & JS

Challenge brief

Hero Section (Simple)Build a responsive, minimal hero section that includes an image

Back to all submissions

Create Responsive Hero Section with HTML, CSS, & JS

Challenge brief

Hero Section (Simple)Build a responsive, minimal hero section that includes an image

Rizky Mahendra@rizkyemha

Self-Learning

2.39k Reputation

Preview solution

View code

Responsive hero section based on the provided designs for desktop, tablet, and mobile views. The hero section have a basic layout with one image on the side.

Submission vs Design

https://gf-challenge-07-hero-section.vercel.app/

Implementation details

Tech stack

HTML

Basics

Semantics

Images

CSS

Basics

Layout

Responsive Design

Transforms and Transitions

JavaScript

DOM Events

DOM Manipulation

Code

Discussions