Skip to content
OverviewSolutions
3
Comments
4
P
Lilla
@lillakm

All comments

  • Lilla•90
    @lillakmPosted 27 days ago

    Congrats on completing the challenge! I took a peek at your code and I was interested to see you used <span> for the links. I'm a newbie myself, and I haven't even considered it!

    0
  • VOIDCODES-404•20
    @VOIDCODES-404Submitted 27 days ago
    What are you most proud of, and what would you do differently next time?

    I am happy that I was able to use the flex-box principle to carefully arrange and position the elements accurately, next time I would like to use grid to get the same result.

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

    Centering a div is common problem but for this project I was able to center the div using the flex-box principle

    QR code component using flex-box

    2
    Lilla•90
    @lillakmPosted 27 days ago

    Hi! I'm also a newbie and had similar problems with centering. I received great feedback on it: you can use

    display: grid;
place-items: center;
min-height: 100vh;

    as well. Congrats on completing the challenge!!

    Marked as helpful
    0
  • Artur Martins (TS)•20
    @kingtiranoSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Im porud of entire project.

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

    The units is always a rocket science for me. Its always difficult for me to fit all the sizes with the design.

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

    Units ands sizes.

    Blog Card Using HTML/CSS only - Artur Martins

    1
    Lilla•90
    @lillakmPosted about 1 month ago

    Hi Artur!

    I'm a beginner myself and I also struggle with units, so I'll just share what I know as best practice.

    When it comes to fonts, it's better not to use px. Here's an excellent article about it, and what to use instead (I believe it was shared on the discord group): Why you shouldn't use pixels for font-size: https://fedmentor.dev/posts/font-size-px/

    Congrats on completing the challenge! :)

    Marked as helpful
    0
  • Md Zafer Eqbal•80
    @MdZaferEqbalSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I was really proud when I added all the font-size, padding, margin and dimensions of the div and it was near perfect to what was the final preview provided in this challenge.

    I want this near perfect to be exact same next time on.

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

    I only faced one challenge and that was to align the div container in the center of the page.

    I tried position absolute and left 50% and top 50% it didn't worked as expected and I did some more trial and error, but at last I used display flex to align the div at the center of the page.

    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
    What specific areas of your project would you like help with?

    Thanks for asking. But I managed to complete this challenge by myself.

    HTML, CSS

    2
    Lilla•90
    @lillakmPosted about 1 month ago

    I had the exact same challenge with positioning, I got great suggestion on my solution from asimsaeed353 to use

    body{ display: grid; place-items: center; min-height: 100vh; }

    instead of display: flex. It worked perfectly and it reminded me to think about the page layout a little more.

    Congrats on completing the challenge!

    Marked as helpful
    0