I Design, You build! – Frontend Challenge #1

Challenge

Awesome Gradient, 3D Space design with different kind of Design Flavor. Create a homepage following the design. Fulfill Target and/or Extra below:

Target:

? Target : User can see the similar design
? Target : Responsive design
?…


This content originally appeared on DEV Community and was authored by zernonia

Challenge

Awesome Gradient, 3D Space design with different kind of Design Flavor. Create a homepage following the design. Fulfill Target and/or Extra below:

Target:

  • ? Target : User can see the similar design
  • ? Target : Responsive design
  • ? Target : On mobile, when I select the hamburger menu, I can see a navigation

Extra:

  • ? Extra : Background blur tips: backdrop-filter: blur();
  • ? Extra : Animation, hover animation

Resources:

⚠ It will defeat the purpose of learning if you just copy and paste someone else's answer ?!

Start Coding!

If you are ready to take on the challenge, then

  1. Bookmark this post so that you can submit it easier.
  2. Right-click here and open Open link in a New Tab to see the Figma Design.
  3. Enjoy coding! ?
  4. Come back to submit!

All the images and assets are free to use, and can be exported from the Figma Design.

Zernonia Space Design

Submission

Once you've completed, come back to this post, and submit your solution using the following template in the comment section. You are encouraged to comment and upvotes other's answer!

Thank you!?

Feedback: This is awesome!

Demo: <url>
Github: <url>
Tech-Stack: Vue, TailwindCSS
Learning Outcome: 
  1. 
  2.

Why?

I share these design freely so that anyone who wanted to practice or challenge Web design be able to do so without paying other platform (ahem) to get their **Figma Design*? file.

You are free to use the Design you've created in your portfolio. No copyright claims or anything.

But if you are loving my work, you are most welcomed to follow me on Dev.to and Twitter ?

Thank you for your time and attention!


This content originally appeared on DEV Community and was authored by zernonia


Print Share Comment Cite Upload Translate Updates
APA

zernonia | Sciencx (2021-09-25T07:03:59+00:00) I Design, You build! – Frontend Challenge #1. Retrieved from https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/

MLA
" » I Design, You build! – Frontend Challenge #1." zernonia | Sciencx - Saturday September 25, 2021, https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/
HARVARD
zernonia | Sciencx Saturday September 25, 2021 » I Design, You build! – Frontend Challenge #1., viewed ,<https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/>
VANCOUVER
zernonia | Sciencx - » I Design, You build! – Frontend Challenge #1. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/
CHICAGO
" » I Design, You build! – Frontend Challenge #1." zernonia | Sciencx - Accessed . https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/
IEEE
" » I Design, You build! – Frontend Challenge #1." zernonia | Sciencx [Online]. Available: https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/. [Accessed: ]
rf:citation
» I Design, You build! – Frontend Challenge #1 | zernonia | Sciencx | https://www.scien.cx/2021/09/25/i-design-you-build-frontend-challenge-1/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts