Skip to content
OverviewSolutions
9
Comments
9
NyanSunbo
@NyanSunbo

All comments

  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Desktop view excellent.

    Suggest for mobile view you can set max-width that help component not to large. I hope this may help a little bit.

    0
  • Paul Olynek•330
    @ePauloSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Spent time adding code to make slight adjustments in font size as responsive design changes size.

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

    Needed to learn how to adjust UI sizing based (in part) on view width.

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

    I'm wondering if I should have created variation is HTML code (between mobile and desktop designs) in the JS file and inserted what was needed based on view width.

    Article Preview Component

    1
    NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Desktop and mobile view look good. I like the way you add different color on hover icon. Make an arrow with square then rotate 45 degree is nice idea.

    Another way you can try this.

    border-width: 14px; border-style: solid; border-color: black transparent transparent transparent;

    Marked as helpful
    0
  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    You did excellent. CSS is clean. Layout good.

    I don't have any suggest for you, But I learn a lot from your CSS

    Thanks

    1
  • Alfredo•50
    @almendevSubmitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    I found some details in the design and like a littler overlap between the two lines of the title.

    Another thing I found was the padding in the feature card for 375px where the distance between the border and the card title was different than the one between the border and the paragraph.

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

    I would like help to find the same results with less lines of css, specially in the media query section.

    Four card feature section

    1
    NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Perfect I learn a lot from you

    Marked as helpful
    0
  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    CSS style very good short and clear

    0
  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Good job!

    0
  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Great job. Only vertical center different.

    0
  • NyanSunbo•150
    @NyanSunboPosted 5 months ago

    Awesome center, width and height so perfect. Only font-weight look different. I like your work

    0
  • Dustin•90
    @GoatEXESubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    It's been a while since I've jumped into front-end, and I was embarrassed that this took me longer than I thought it would. Ultimately, I had forgotten the text-align: center CSS property at one point. Funnily enough, you can imagine the face-palm I emotionally went through when I remembered it was that simple.

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

    This was a good refresher to go over Bootstrap 5 documentation.

    QR Code Card

    1
    NyanSunbo•150
    @NyanSunboPosted 5 months ago

    I'm new here. Hope this might help

    1. Size You did well width and height look good

    2: Font alignment It see different I think maybe it about margin or padding

    Keep doing you did great

    1