All solutions

Hi everyone,

Here is my newsletter project. I built it with react.js. One question I have is what is the best way to set dimensions for an image within a container. Should I make the image have fixed dimensions? Or should I make the dimensions set to percentages i.e. width:100%, height: 100%?

If I fixed the dimensions, the image won't be responsive. And sometimes if I make the dimensions percentages, The dimensions become a bit unpredictable when the screen shrinks and grows.

Any advice is greatly appreciated. Thanks in advance! Happy coding :)

Here is my completed project of the age calculator.

I want to ask everyone how you included the leap year in your calculations. Any suggestions?

Here is my solution. The one thing that I couldn't figure out is how to change the pointing finger color to black whenever it hovered over the question. Does anyone know how to do that?

If you look at the active-states.jpg in the designs folder of your project, you'll see the pointing finger is colored black when it hovers over the question.

When I created this project. I started designing with the desktop in mind. And then afterwards, I worked on the mobile design. Is this the best practice to do your projects? Or is it better to start styling with a mobile-first workflow?