DEV Community


Posted on

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.

Top comments (0)