Skip to content
OverviewSolutions
4
Comments
1
Fran
@FranciscoMi

All comments

  • ldonnianni•130
    @ldonnianniSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I could copy the Figma file and I think the code is readable. Next time I have to understand better the font-size units and how is the better way to use them in order to create a responsive design.

    What challenges did you encounter, and how did you overcome them?

    I found it difficult to escale the font-size without @query. Ultimatly I used responsive units(em and rem) but I have to use @query for it to work

    What specific areas of your project would you like help with?

    I am not sure which font-size measures are the best.

    Blog-preview-card with HTML and CSS

    2
    Fran•55
    @FranciscoMiPosted 2 months ago

    Great!!!. Practically identical to the original!.

    For information. There is one thing that we usually make, and that is to put

    *{ 
padding:0;
margin:0;

    As you know, this is a way to reset margin and padding. So far so good

    But I think it doesn't make sense to put padding:0 since, it doesn't do anything. I would remove it.

    margin:0, on the other hand, is better aplied to the body. The elements that you put in the * are applied to all elements and occupies memory.

    I think that's not good practice. I would write it like this

    * {
box-sizing:border-box
}

body{
margin:0;
}

    let me know. Best regards

    0