Submitted about 1 year ago

Article preview component

#accessibility#animation#nuxt#sass/scss#vue

Sakti•190

@saktiajadeh

Preview site View code

This is a solution for...Article preview component

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, I'm Sakti, This is my solution in this challenge.

I was having hard time to make float box on social icon and try to make it as similar to the design as possible

Build, function or package i use:

🚀 Nuxt.Js

This project was installed using Nuxt.js v3.9.0

🚀 Vue.js Some of the functions from Vue.js that I use in this project are :

@click
ref variables

🚀 HTML

Semantic Tags
Accessibility

🚀 Sass/Scss

Sass/Scss Variables
CSS Flexbox
CSS Animation with keyframes
CSS Media Queries
CSS Transitions
etc.

Any tips, comments & suggestion are welcome

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Sakti's solution.

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