@VillageR88
🚀 Web developer with 4+ years of experience Always learning and improving. I build full-stack apps with a focus on clean code and scalable solutions. Passionate about problem-solving and open to collaboration and feedback. Let’s create awesome web experiences together! 💻✨
I’m currently learning...🌱 Currently learning Vue.js to enhance my web development skills. 💻🚀
Latest solutions
🧩Extensions manager UI | VueJS | TailwindCSS | DaisyUI | Vite🧩
#animation#daisy-ui#tailwind-css#vue#web-componentsSubmitted 23 days agoI'd like to get reccomendations on the quality of my components for better reusability
Latest comments
- @preani19What are you most proud of, and what would you do differently next time?
##time setting time was kina challenging
What challenges did you encounter, and how did you overcome them?the responeve design kinda was hard with this design but i did my best with it
@JustANippleGood job on completing this challenge! Keep on improving
- @elMarMarWhat are you most proud of, and what would you do differently next time?
I believe my code organization was much more organized than previous projects. As I was reviewing and refining my code, I noticed that I could easily find what parts of the website I wanted to augment.
What challenges did you encounter, and how did you overcome them?My largest challenge while working on this project was truly understanding the CSS tools that I've encountered so far. I know of flexbox, grid, etc., but I still find myself struggling to truly understand them and implement them as I work through my code.
What specific areas of your project would you like help with?I am curious about whether or not my code is properly structured. I'm trying to avoid redundancies while maintaining readability. I'm not certain if I achieved that goal.
@JustANippleHi @elMarMar, good job on completing this challenge!
I've seen that you're using margins to space items vertically. To make styling more consistent, I suggest you use grids and gaps to space items evenly
Also don't forget to set the background color when you hover your links
- P@krru09What are you most proud of, and what would you do differently next time?
I completed this project pretty fast! I think I'm getting the hang of css grid. I've come to appreciate grid-template-areas and grid-area properties, they make CSS grid way easier.
What challenges did you encounter, and how did you overcome them?The fig file did not reveal a lot about the design requirements, I had to click around a lot to try and find certain design properties. For example, I had a lot of trouble trying to find the box shadow properties in the fig file. Also, I had some trouble with the quotation image and how to make it responsive with the different screen sizes.
What specific areas of your project would you like help with?I would like further help on how to make position: absolute and position: relative images responsive based on the screen size. I utilized multiple media queries and breaks as to where it should be based on the design, so it doesn't overflow out of the container it's attached to; but I'm sure there's probably an easier way. Please feel free to let me know!
@JustANippleHi @krru09, you've made a nice work, good job!
For the image part, you could set a left and a right at 0px so you can set a margin auto to center it. Then just use transform: translateX to move it. This should keep it in the div through all the breakpoints.
But there's another option. Instead of using the img tag, you could just use a background image for the div and position it at your needs, so it never overflows
Check my solution if you want to see it live
Marked as helpful - @ptrwilk@JustANipple
Hi PTRWILK, Good job for completing this challenge!
To make ellipsis white, you can just use the filter rule to make the image brigther.
filter: brigthness(value); - work with values until you've found what you need
That will cause the element to look "white"
I hope this helps
Marked as helpful - @giobooo@JustANipple
Complimenti per la challenge! L'idea aggiuntiva secondo me è molto bella e il blocco calza bene con il resto del design
