DEV Community

Joëlle
Joëlle

Posted on

3 2

Day 14 - Project - NYT Article - Part 1

It's now time to practice again all that I have learned.

The goal is to recreate this NYT article page.

With my last project, I realized that it was better to think about what I wanted to accomplish before I started coding. I created from mockup on paper and it forced me to taking into account how I was going to position some elements and see if I was missing containers. By the time I was done with the mockup, coding was easier and faster.

This time I used Figma on the recommendation of a Twitter friend and this is what I have so far.

Alt Text

I am deciding whether to use the Grid as it would be easy to make the page responsive using grid-template-areas.

I will be using .svg for the icons and see what's different.

Anyhow, have to be up early. I will start coding tomorrow and I can't wait to see what I learn.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

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