Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
9

NyanSunbo

@NyanSunboN/A150 points

Just another day of doing something

Latest solutions

  • Newsletter sign-up form with success message


    NyanSunbo•150
    Submitted about 1 year ago

    1 comment
  • Article preview component


    NyanSunbo•150
    Submitted about 1 year ago

    Best practice interact javascript


    1 comment
  • testimonials-grid-section


    NyanSunbo•150
    Submitted about 1 year ago

    width, padding, margin and relative units


    1 comment
  • four-card-feature-section


    NyanSunbo•150
    Submitted about 1 year ago

    1 comment
  • product-preview-card-component


    NyanSunbo•150
    Submitted about 1 year ago

    1 comment
  • recipe page


    NyanSunbo•150
    Submitted about 1 year ago

    1 comment
View more solutions

Latest comments

  • Control222•210
    @Control222
    Submitted about 1 year ago

    Newsletter-signUp-form-with-succes-message

    1
    NyanSunbo•150
    @NyanSunbo
    Posted about 1 year 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.

  • Paul Olynek•330
    @ePaulo
    Submitted about 1 year 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
    @NyanSunbo
    Posted about 1 year 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
  • Rowan Pereira•330
    @rowanrooster
    Submitted about 1 year ago

    Testimonial Grid Layout

    1
    NyanSunbo•150
    @NyanSunbo
    Posted about 1 year 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

  • Alfredo•50
    @almendev
    Submitted about 1 year 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
    @NyanSunbo
    Posted about 1 year ago

    Perfect I learn a lot from you

    Marked as helpful
  • Habonyousuf•190
    @Habonyousuf
    Submitted about 1 year ago

    css flex-box😃

    1
    NyanSunbo•150
    @NyanSunbo
    Posted about 1 year ago

    CSS style very good short and clear

  • Habonyousuf•190
    @Habonyousuf
    Submitted about 1 year ago

    basic html and css

    1
    NyanSunbo•150
    @NyanSunbo
    Posted about 1 year ago

    Good job!

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub