Skip to content
Submitted over 2 years ago

Chat App CSS Illustration | CSS Art

Nick OD•270
@NickODxyz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Chat app CSS illustration
  • HTML
  • CSS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hi all,

I really enjoyed doing this one. I was expecting it to be really difficult to get my head around all the styling, but felt like it came pretty easy to me. Seems all the previous projects are paying off lol

As always please leave any and all feedback.

Thanks, Nick

Community feedback

  • bikeinman•1,080
    @BikeInManPosted over 2 years ago

    Very cool. Matches the design almost 100%. How did you do that ? Whats your technique?

    0
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @BikeInMan Couldn't say tbh. Think this is my 16th frontend project now, so I'm going to say I'm just getting better and learning more as I go along :)

    0
    bikeinman•1,080
    @BikeInManPosted over 2 years ago

    @NickODxyz "The harder you work, the luckier you get". Something like that, I guess. Or May be, you now have insight into designer's mind. Wonderful. I thought as a pro member you may more details to work with.

    0
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @BikeInMan Oh with pro you do get the figma designs to use yes. So they make it somewhat easier for sure.

    However that being said, I have noticed there are some figma designs that you can follow 100% to the pixel and your final design will still come out slightly off to the comparison design above lol

    And sorry, above I was more referencing how to build a design on a page with the CSS (the knowledge I've gained there from previous projects) rather than knowing the exact padding/margin to use given from the design sheet.

    Take a look at Catherine is Online work, she has a really good way to get designs bang on without having a pro membership

    0
    bikeinman•1,080
    @BikeInManPosted over 2 years ago

    @NickODxyz I am following Catherine too. And yes, she seems to have mastered the technique of developing near copy of design.

    I too tried to get close to design, but for me, it is way too much time consuming, which delays the actual things I want to learn. So, as a newbie to frontend development, I am sticking to "good enough" and not going for a perfect copy. There is so much to learn in CSS for me yet.

    Good Luck with your 17th project and have a nice week.

    1
  • Krzysztof•240
    @KrzysztofLeczyckiPosted over 2 years ago

    Hey, Your solution looks very solid. Good job.

    0
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @KrzysztofLeczycki Thank you very much, I was happy with how this one came out.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord