Skip to content
OverviewSolutions
6
Comments
7

salahelec2

@salahelec2120 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • P
    Pokerlo442•230
    @Pokerlo442
    What are you most proud of, and what would you do differently next time?

    I am pleased that I was able to rebuild the grid construct relatively well.

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

    I struggled to place the grid elements correctly. I had forgotten the syntax of the “grid-area” property. I solved it with the help of the MDN Docs page.

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

    None in particular, but I welcome any suggestions for improvement.

    four card feature using flexbox and grid

    2
    salahelec2•120
    @salahelec2

    Excellent work! You've really shaped the design.

  • salahelec2•120
    @salahelec2

    The project no longer appears to be available on GitHub.

  • salahelec2•120
    @salahelec2

    good job! just need some minor adjustment

  • Ahmed Dosunmu•60
    @Ay-Dee
    What challenges did you encounter, and how did you overcome them?

    The links were overflowing their parent div even though I styled them to take 100% width. I fixed it by change the box-sizing of every element to "border-box"

    Social Links Profile Page

    1
    salahelec2•120
    @salahelec2

    Great solution, very close to the design. I liked the use of CSS color variables.

    Marked as helpful
  • salahelec2•120
    @salahelec2

    Hello! It's best to follow the Figma design specifications and use the exact font sizes, padding, etc. In the avatar area, use a slightly smaller font size.

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

    This project seemed to be a bit easier after doing the first earlier ones. Getting the hang of using css styling more. I would want to replicate this with tailwind as i don't want to lose that skill too.

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

    The image was giving me an issue and I was using flex-col styling causing it not to center. Figured it out though..

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

    As always, sizing container took longer than expected and still can't visualize it quick enough that doesn't cause to frustrate me.

    Social Link Profile

    1
    salahelec2•120
    @salahelec2

    I think the design rules are not met here. You have to change the border-radius of the buttons and the container to meet the specifications. Also, the buttons have to be centered inside the container, which is easy to do using Flexbox by setting: display: flex; flex-direction: column; align-items: center; justify-content: center; on the container.

    Marked as helpful
View more comments