Skip to main content

Command Palette

Search for a command to run...

Design a Profile Card -Challenge 3

Published
β€’1 min read
Design a Profile Card -Challenge 3
A
Software engineer and developer educator with over four years of experience building production-grade digital products for platforms serving millions of developers globally. Software engineer at Hashnode & Bug0

Hi friends πŸ‘‹, welcome to the 3rd challenge of the unclebigbay and friends series, in this series we are going to design a profile card from the image below πŸ‘‡.

image.png


Colors πŸ‘‡

 color-1: #BBDDE6;
 color-2: #EA774C;
 color-3: #686968;
 color-4: #FFFFFF;

Mode of submission:

When you're done with the challenge, proceed to share your design on the series WhatsApp group and also attach your final design screenshot in the comment section for documentation and reference for new members.

Conclusion

Kindly note that there is no good or bad outcome of design, this is a learning process, so endeavor to do what you can, take your time, and feel free to ask questions when you have difficulties

#unclebigbayandfriends #challengeyourself



If you found this helpful and want to support my blog, you can also buy me a coffee below.

Comments (11)

Join the discussion
N

I kinda lost consistency 😒 It's better late than never though 😁

Mobile View

Challenge-3 (Mobile View).html.png

Desktop View

Challenge-3.html (Desktop View).png

18
A

I really love the fact you said "it's better late than never"

well-done Nasifah Alalade

you're doing great 😊

N

Thank you πŸ€—Ayodele Samuel Adebayo

Z

task 3

2021-06-27 02_40_04-task 3.png

10
K

Challenge 3 completed

profile.png

10
A

Mobile View profilecard mobile.png

Desktop View

profilecard desktop.png

10
A

profilecard mobile.png

profilecard desktop.png

10
E

Desktop View Screenshot (21).png

Mobile View Screenshot (22).png

9
A

this is a wao Egekenze Kelechi

looks perfect, hope to see your solution in the next challenge πŸ€—

A

Nice work boss ☺️☺️☺️

A

Third challenge completed Screenshot_20210623-023853.jpg

17
A

Looks good πŸ’ƒπŸ’ƒπŸ’ƒ Adesola Modinat Adenike

you're doing well, hope to see your solution in the next one πŸ₯°

S

Looks Beautiful! Also, implement smooth animations too!

3
A

Alright 😍 Savio Martin

More from this blog

U

Unclebigbay's πŸš€ Blog

101 posts

Software Engineer | Open-Source Contributor | Developer Educator