Skip to content
OverviewSolutions
7
Comments
7
Khai
@khlv2219

All comments

  • zeegu•310
    @zeeguSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?
    • Responsive layout using grid system
    • Added an hover interaction (Card Tilts)
    What challenges did you encounter, and how did you overcome them?

    Grid layout

    • Made a simple coding using span
    .white2 {
    grid-column: 1/span 3;
    grid-row: 3;
  }

    Testimonials Grid Section

    1
    Khai•80
    @khlv2219Posted about 1 month ago

    Awesome! You did a great job!

    1
  • Tremy-t•290
    @Tremy-tSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Replicating the design.

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

    no challenges

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

    Perfectly fine for now.

    4-card section [HTML,CSS]

    2
    Khai•80
    @khlv2219Posted about 2 months ago

    Great job!

    1
  • P
    SKszymek•170
    @SKszymekSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Well that's my first time with mobile-first, I have some trouble with width but I encounter that.

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

    Min/max width trouble with choosing

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

    Code feedback is required. That's my first time with mobile-first coding and I can see advantages of that. But I need some advices about the min/max-width property. Did I write it properly?

    Product preview component

    2
    Khai•80
    @khlv2219Posted about 2 months ago

    Good job!

    0
  • Khai•80
    @khlv2219Posted 2 months ago

    Your html structure looks good! If you make further adjustments in your css, then your recreation will be even better!

    0
  • Khai•80
    @khlv2219Posted 2 months ago

    Good job!

    0
  • Zaitsev Artem•50
    @AldeimeterSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Next time I will use relative units for typography to adjust it to different screen sizes better

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

    I would like to understand better how to make typography more responsive

    Blog preview card with html and css

    2
    Khai•80
    @khlv2219Posted 2 months ago

    Your solution looks great! There are some little things to fix:

    • Spacing/ padding-inline of "Learning"
    • width of the heading in order to prevent line break
    • Letter spacing in description text

    Good idea to use ul for "Learning"-tag. Awesome!

    1
  • Kalpesh Patil•150
    @kalpesh172000Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the facts that the solution looks very close to what was expected. Also the design is responsive and works with all size of screen.

    What challenges did you encounter, and how did you overcome them?
    1. Keeping the items vertically center when parent container height is variable. To do that I made the body height same as the viewport height i.e 100vh. and used flexbox to keep the items at center.
    .body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    1. How to keep a certain container/items fixed size when the screen gets too large but making it shrink when the screen gets smaller. I achieved this with the use of max-width and using percentage as unit for width property.
    .inner-items {
    max-width: 300px;
    width: 100%;
}
    What specific areas of your project would you like help with?

    As the inner elements decide the size of the ceter div I had to decide the width of the inner elements by trial and error. I don't thing it is the optimam way to doing things. Is there any better way to do this without me having to think about width for each component in the div.

    QR code component

    1
    Khai•80
    @khlv2219Posted 2 months ago

    Looks good! Be careful about copying the header text. I should always written in the same way without a typo

    1