Skip to content
OverviewSolutions
13
Comments
7
Oficial51
@oficial51

All comments

  • SahityaGupta25•30
    @SahityaGupta25Submitted about 1 year ago

    I created QR-Code Component using my own knowledge some how I managed to center the parent div using "margin:Auto" . I love if you tell me as a feedback that how much my project is matching to the challenge.

    QR Code Component using Flex-Box

    2
    Oficial51•270
    @oficial51Posted about 1 year ago

    Well Done. Keep it up

    Marked as helpful
    0
  • Abraham joseph•300
    @AbteckSubmitted about 1 year ago

    I still don't fully understand the age calculation. how to convert the submitted inputs to the Age. I think that is the only area I find complicated. Also, using the font face to install the fonts, the fonts was effective on the local browser but not on the live

    ps: I had to follow the link on the style guide and used google fonts

    Age calculator using TailwindCSS and Vanilla Javascript

    2
    Oficial51•270
    @oficial51Posted about 1 year ago

    To make the fonts imported from google usable you should add the 'font-family' property to your body in css

    0
  • Abraham joseph•300
    @AbteckSubmitted about 1 year ago

    I still don't fully understand the age calculation. how to convert the submitted inputs to the Age. I think that is the only area I find complicated. Also, using the font face to install the fonts, the fonts was effective on the local browser but not on the live

    ps: I had to follow the link on the style guide and used google fonts

    Age calculator using TailwindCSS and Vanilla Javascript

    2
    Oficial51•270
    @oficial51Posted about 1 year ago

    Hi, if you find working with dates complicated you can work with libraries to help you there. The one I used was date-fns. Feel free to check it out, it is fairly simple

    0
  • Oficial51•270
    @oficial51Posted about 1 year ago

    I would advise you to make it responsive😅. However nice job!

    0
  • Loukas Vovlas•40
    @vovlaslSubmitted about 1 year ago

    So i just finished this project and yet again i had a couple of difficulties and there are some "errors" too. So:

    1. the footer doesn't want to go all the way down (you can see the diffence in the color, the grey one is the footer).
    2. the whole hover on the project thing i'm not sure if i did it correctly or if there is a better and faster way (you can also see that the hover "shadow" "overflows" on the top and bottom side of the project image)
    3. the background decoration and profile picture i'm not sure again if i did it right, especially with the responsiveness of profile picture
    4. im having a hard time to position the nav bars (top and bottom)

    And that's it I think. If you see anything else that's wrong please feel free to correct me. I'd help me a lot. Thank you!

    Responsive portfolio site using only html and css

    1
    Oficial51•270
    @oficial51Posted about 1 year ago

    The problem in the footer is that you are not setting the height to a fixed amount which causes the container take only the space that the children take.

    solution:

    height: [The a amount you want];

    Marked as helpful
    0
  • Prince Boakye•90
    @melquawestSubmitted about 1 year ago

    I did not find anything difficult while building this project. However, I learned how to publish websites freely on github. Also, I learned how to write markdowns. Lastly, When is it okay to use flexbox as opposed to grid?

    Results Summary Component(Responsive Design)

    2
    Oficial51•270
    @oficial51Posted about 1 year ago

    • CSS Grids helps you create the outer layout of the webpage. You can build complex as well responsive design with this. This is why it is called ‘layout first’.

      -Flexbox mostly helps align content & move blocks.

      -CSS grids are for 2D layouts. It works with both rows and columns.

      -Flexbox works better in one dimension only (either rows OR columns).

      In conclusion . It will be more time-saving and helpful if you use both at the same time.

    0
  • Oficial51•270
    @oficial51Posted about 1 year ago

    Hi you must add this property to your css

    button:hover{ filter: drop-shadow(0 0 0.75rem hsl(150, 100%, 66%)); } You may like to add some transitions but that is on you. I hope this helped

    Marked as helpful
    0