Skip to content
OverviewSolutions
9
Comments
5
Carisa Elam
@carisaelam

All comments

  • Carisa Elam•100
    @carisaelam

    Nice! You got the design looking mostly like the original. Some of the colors are a little different, but that might have been intentional. The responsiveness seems to work appropriately.

    Did you mean to make the background color gray and then have the next level where it is the beige color?

    ` html{ background-color: rgb(64, 63, 61); font-family: Fraunces; font-size: 0.875rem; }

    body{ background: var(--Cream);
    }

    `

  • Carisa Elam•100
    @carisaelam

    I noticed in your CSS that you have several different ".content" styling sections. I think it might be best to put all of that under one ".content" if it is all meant to style the same things.

    `.content { box-sizing: border-box; border-radius: 1.5pc; } .content { padding: 3%; margin: 10% 21% 10% 21%; background: white; color: hsl(30, 10%, 34%); line-height: 1.5;

    } .content { font-family: "Outfit", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px; } `

    Marked as helpful
  • geektim•230
    @geektim
    What are you most proud of, and what would you do differently next time?

    I found this challenge quite easy.

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

    None

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

    Feedbacks would be appreciated.

    Social Links Card

    1
    Carisa Elam•100
    @carisaelam

    Nice work! I like that you used your own image rather than the provided one. I also found this challenge quite easy and quick. It's interesting to me that you did your link buttons simply as <a> links and then styled them to look like buttons. I coded them as buttons. Your solution seems simpler and more "to the point."

    Curious, when you first looked at the design, did you see them as links or as buttons?

  • pioDer-vgy•50
    @pioDer-vgy
    What are you most proud of, and what would you do differently next time?

    getting my work to look almost the same as preview

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

    text formating, I've just changed the width of container and it somehow worked

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

    text formating i guess

    css blog card

    1
    Carisa Elam•100
    @carisaelam

    Text formatting can be tricky. I recently realized that I sometimes fail to select the CSS class that includes the actual text itself. Sometimes I accidentally am selecting the container for the text rather than the text itself.

  • Enrique DC•80
    @TheEdaL06
    What are you most proud of, and what would you do differently next time?

    It is my first project on the platform and the truth is that it has taken me quite a while to get everything focused as I wanted it to be.

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

    The difficulties I found were centring the QR card and placing the footer at the bottom of the page.

    I helped myself by setting borders to all the elements so I could see how the changes I made to the css code were behaving.

    * {
    border: 1px solid red;
}
    What specific areas of your project would you like help with?

    For my first project I would say that the positioning of everything in its place as I said in the previous questions but otherwise fine.

    QR code

    2
    Carisa Elam•100
    @carisaelam

    "Page not found" when trying to view the code.