@yas-avocad
Posted
Hey!
I'm still trying to learn about responsive layouts, but I think for this one, you don't need to worry about it, since the design doesn't change structure as you go from the desktop design to the mobile design. For responsiveness here, you can probably use rem
units over pixels
, because rem
units adjust the size of the text based on the size of the screen (as well as for the default browser text size). Pixels are absolute and don't change in size.
I agree, naming div's is weird in the beginning, but it gets easier. You can change names like p1
to publish-date
, p2
to subtitle
or card-description
. Having more descriptive names helps you to stay organized when you start working on bigger projects.
Also, for your box-shadow
, you don't need any blur. (The third value for blur can be set to 0.)
box-shadow: 10px 10px 0px rgba(0, 0, 0, 1);
:)
@Miriam2245
Posted
thank you so much, this will help me on the next project@yas-avocad