Skip to content
OverviewSolutions
1
Comments
2
P
midnightwebstudios
@midnightwebstudios

All comments

  • midnightwebstudios•40
    @midnightwebstudiosPosted 7 months ago

    Hi there. Great job of positioning and your use of flexbox. I really like how you were able to get the size and position really close to the original design. It looks like you may have had some postioning issues with the avatar for Greg and his name. I had to google some things to fix my own positioning issue. Here is what I used. Hope it helps!

    .avatar { width: 10%; margin-top: 10px; vertical-align: middle; }

    .author { display: inline-block; font-size: 12px; font-weight: 800; padding-left: 5px; vertical-align: bottom; }

    0
  • Wuffskyarts•60
    @WuffskyartsSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    During this challenge, I learned that a parent flex box could not be centred. However, I also learned that you could center a child flex box inside a parent flexbox to create a centred box along the vw/vh.

    I enjoyed the simplicity yet the challenge of figuring out this exercise.

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

    It took about three hours of playing with Bootstrap and CSS before I realized I needed a flex-parent and then a flex-child to center.

    I also never knew I could 100vh the parent and justify/align the flex-child.

    I also wanted to try to do this in Bootstrap but couldn't. I'm finding HTML/CSS easier than Bootstrap.

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

    I'd love to learn more about Bootstrap! While it's great for certain areas of a website, I also find CSS easier in other areas. If possible, I'd love to figure out a way to combine the two, as Bootstrap buttons are easier to configure.

    QR Code Component Exercise HTML/CSS

    1
    midnightwebstudios•40
    @midnightwebstudiosPosted 7 months ago

    Honestly, you did a pretty fantastic job. The only constructive criticism I have is to look closely at design specs including font colors. I think that's the only thing you missed. I can't really help much with bootstrap as I'm not familiar with it yet, but I can make a suggestion: Udemy.com has some great inexpensive options for video courses for bootstrap. Many are very specific. You may be able to find what you're looking for there and creating an account is free. If you see a course that you consider too expensive, add it to your wishlist and let it sit for a few days. They have sales all the time where they dramatically reduce prices for their courses. Hope this helps.

    Marked as helpful
    1