Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive

#sass/scss

@roastgrammer

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Ok , I finished this but I'm not happy because I think I just write for finish and not deep thinking about this , and I found out that I don't know anything about coding . what is this feel about?

2)how plan before start write code . Do I have to upgrade my algorithm???

tell me anything that you know about it and your experience about that . tnx everyone :)

Community feedback

P
AK 6,700

@skyv26

Posted

Hi! I already commented on your previous work.

I saw your previous design and I noticed that you are in hurry. I mean you submit your last solution last 20hrs and now you submit this. Here are few suggestions as given below:

  1. Take your time to understand the layout and the structure.

  2. Then in your mind make wireframe and divide the layout in such a way that pieces that you make in your mind must be flexible during the designing of mobile response.

  3. For small challenges prefer flexbox and Grid for some advance challenges.

  4. Try to focus on *MFA (Mobile First Approach) then gradually moves towards desktop response.

  5. After completing you work check is there anything left like hover states, custom messages for indication.

  6. After all done then check your design on different mobile screen using Chrome tools.

Try to note down requirements first at separate place then implement all.

This is my way of implementing. I took time (few hours or sometime few days according to challenge) then after I submit the challenge. Right now I am working on huddle landing page with curved section and 2 days pass and still work is pending.

Take your time and relax your mind, you will never be a best frontend developer if you do your work in hurry or just want to finish it in order to move next.

Keep in mind

Confident Concentrate and Consistant

Do you work confidentally with concentration and consistantly to achieve your goal (my own words and experience and moto)

I hope you understand and rest all people have their unique way of implementation and maybe someone have better idea than me. (Share here please if someone have who read this post)

Best Wishes

2

@roastgrammer

Posted

@skyv26 dud! thank you for your response , you was right ! I'm very hurry for finishing a project because in my mind I think that I'm slow but now I found that it's not like that . I will use that advice for coding part that you said. I'm will be glad if you give your telegram id for more contact.

1
P
AK 6,700

@skyv26

Posted

@roastgrammer Dude! I am not using telegram, but available on linkedin, even slack is the best to share anything. aakashv is my slack username.

0

@roastgrammer

Posted

@skyv26 never mind . be lucky dude :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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