DEV Community

Cover image for Glam Up My Markup: Beaches - Beaches and More Beaches
SalladShooter
SalladShooter

Posted on • Edited on

2

Glam Up My Markup: Beaches - Beaches and More Beaches

This is a submission for [Frontend Challenge v24.04.17]((https://dev.to/challenges/frontend-2024-05-29), Glam Up My Markup: Beaches

What I Built

I built a sort of minimal modern website. I hoped to free up space and condense it down into a small carousel to make it easier to navigate. I also wanted the gradients to feel like sunsets, as when most people think of beaches, sunsets go along with them.

Demo

Journey

In the beginning I played around with what HTML was given, and planned out what I sort of wanted it to look like. I focused on the CSS for most of the challenge, but used a little JavaScript to add a little bit of styling to the HTML elements without editing it. During this process I learnt a lot about clipping masks and radial gradients in the CSS, as that was something I had never done. I am proud of the header looking like a sunset to a beach. I hope to take these skills and apply them to upcoming projects, and revise current ongoing ones.

I hope you like what I have made for the June DEV Frontend Challenge!

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay