Skip to content
OverviewSolutions
8
Comments
9
Alejandra Humanes
@Al3sshu

All comments

  • jonathanudeh•150
    @jonathanudehSubmitted 4 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how responsive I made the page

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

    Displaying the soicals in deifferent pattern for both the mobile and desktop view. But I solved that with JavaScript

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

    The only thing I was unable to replicate and need help with was making the share svg to be surrounded with grey color. I set the border but that made the svg smaller. I couldn't decipher how to achieve this without the size of the share svg being affected. Any help wil be higly appreciated. Point me in the right direction if you can. Thank you.

    Responsive landing page

    2
    Alejandra Humanes•90
    @Al3sshuPosted 3 days ago

    I would put margin-top with another row in the body, to lower it and center it, and see if you have a display :)

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 11 days ago

    perfect :)

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 17 days ago

    the body color is light-gray, the header paragraph font size is 1.5rem and a higher margin would be needed so that it would go down from the header

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 18 days ago

    perfect :)

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 21 days ago

    put on the body background-color: hsl(30, 54%, 90%),min-height: 100vh, or also see the *{ margin:0; padding:0; box-sizing:border-box,}, i hope to help you in some way :)

    0
  • Dani Bachour•40
    @dbachour86Submitted 22 days ago
    What are you most proud of, and what would you do differently next time?

    I am happy to get more understanding about mobile-first approach design.

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

    Setting up the correct media query related to screen sizing.

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

    I am grateful for any advise.

    Responsive design

    1
    Alejandra Humanes•90
    @Al3sshuPosted 21 days ago

    the page would have *{ margin: 0; padding: 0; box-sizing: border-box;}

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 22 days ago

    thank you !

    0
  • Alejandra Humanes•90
    @Al3sshuPosted 23 days ago

    Thank you very much, i just put it up and it looks better, i also made margen changes.

    0
  • seijin4ka•30
    @seijin4kaSubmitted about 1 month ago
    What challenges did you encounter, and how did you overcome them?

    Apart from the modification work, this was the first time I was able to create a front end.
    Adjusting the ratio of margin to padding changes the timing of line breaks, so I had a hard time adjusting it so that it stayed the same on mobile sizes.

    QR code component

    1
    Alejandra Humanes•90
    @Al3sshuPosted 23 days ago

    perfect

    0