Nothing for now..
How I can optimize my images and ensure valuable assets such as a country's flag don't require hacky methods. e.g setting object-fit: cover/contain causes images to not follow set widths. Must be something I am missing on this topic.
Probably use Alpine to make interactivity less dependent on Vanilla JS for simple UI behaviors.
What challenges did you encounter, and how did you overcome them?Honestly, making it fully responsive was a bit tricky. I used more media queries than I’d hoped, but overall, I feel good about my code structure.
I’m really proud of learning how to use the Vue + Vite framework and getting my project live on the web. The hardest part was the deployment, as I couldn’t get it to work on GitHub Pages. However, I decided to use Vercel, which turned out to be a simple and fast solution.
What specific areas of your project would you like help with?If you have any tips about Vue, feel free to share them! I need help aligning the icons with the list items (<li>). I’d also like to know how you determine the exact size of the project, like in the design. What tools do you use, or do you have any tips to share?
Hi Alires,
Your solution looks great! To determine the exact size without upgrading to the pro package, you can take a screenshot using any browser's dev tools. FM typically uses 1440px for their screenshots, so capturing your project at that width will help you analyze and tweak it more accurately.
Regarding the email validation logic, it seems like "emailTouched" is being triggered too late. Try setting it as soon as the user attempts to submit the form to improve the validation experience.
Hope this helps!
A little more effort you almost got it! Also make sure to use the design elements given to you as part of the challenge template.
you will find these in the folder labeled "Design"
Great job on this! I really liked how neatly you organized your Frontend Mentor challenges into a single main repo—it makes everything easy to browse. Your code is clean and well-structured, which is always great to see!
I did notice one small detail: the avatar images are missing two borders with the appropriate colors. Just a minor tweak, but everything else looks spot on.
Keep it up, you got this!
Looks great! If you want to explore further ways to improve your efficiency, you can look up CSS custom properties. They might not make all the difference on a small project like this, but they will make your life easier as your project scales
