Skip to content
OverviewSolutions
5
Comments
5

Viktoriia

@Vikcy0yef70 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

  • Viktoriia•70
    @Vikcy0yefPosted about 2 months ago

    good job)))

    0
  • Viktoriia•70
    @Vikcy0yefPosted 4 months ago

    good work!!

    0
  • Viktoriia•70
    @Vikcy0yefPosted 4 months ago

    great work, but I recommended using appropriate tags for semantics. In my opinion, these are not buttons, but links to social networks. Buttons are used to send something.

    0
  • Viktoriia•70
    @Vikcy0yefPosted 4 months ago

    great work, but I added a frame to the postcard. I think it's better to use a button tag instead of a tag <figcaption>

    Marked as helpful
    1
  • shahjghst•40
    @shahjghstSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    The thing I'm most proud of is getting the "main" container to center onto the center of the page. Next time I will remember to automatically set a minimum height to my body if I need to create something similar to this project again.

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

    My biggest challenges were using a flexbox to center the container onto the center of the page and spacing with margins and padding to make the container look exactly like the project page. I overcame the flexbox issue by setting a border around my container and playing around with flex-direction, align-items and justify content to see how I could get it to center while also messing around with the size of the body container. Margins and padding issues were resolved by looking at the figma file for exact spacing between the image and text and seeing what padding the container needed.

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

    -I want to know is there a better way of making the centered container as I created a container with reduced measurements (I set the width to 288px and 443px to the height and increased it by adding a padding 16 px 16px 40px 16px) and used padding to get the exact measurements I needed?

    -Was there a better way of centering my "main" container instead of using a flexbox?

    -Is my html semantically correct?

    -How do you go about getting the exact spacing that you needed between the sentences and the image?

    Desktop Solution using CSS Flexbox

    2
    Viktoriia•70
    @Vikcy0yefPosted 4 months ago

    Great rendition

    1