Skip to content
OverviewSolutions
3
Comments
3

Alessandro De Pietri Tonelli

@adptCodebarcelona70 points

Passionate Front End Developer. Committed to crafting engaging user experiences through clean, responsive design and efficient code.

Latest solutions

  • Submitted about 2 months ago

    Social media Links

    • HTML
    • CSS
    1

    🔍 Areas Where I’d Like Help While I’m happy with how my project turned out, there are a few areas where I’d appreciate feedback and suggestions for improvement:

    1️⃣ Accessibility & Best Practices I implemented :focus-within and :focus-visible to enhance keyboard navigation and accessibility, but I’m unsure if I’ve covered all the best practices. Are there any improvements I could make to ensure a more inclusive user experience? 2️⃣ Responsiveness & Layout Adjustments My design is responsive, but I’d love feedback on how to improve its behavior on smaller screens. Are there any specific breakpoints or layout adjustments that could make it more fluid and adaptable? 3️⃣ Code Optimization & Maintainability I tried to keep my CSS organized, but I wonder if there are ways to structure it more efficiently, perhaps using BEM methodology or utility-first CSS like Tailwind. Are there any redundant styles or better approaches to writing clean, scalable CSS? 4️⃣ Enhancing UI with Subtle Animations I used transition for hover and focus effects, but I’m curious about adding micro-interactions (e.g., slight scale-up on hover or subtle text fade-in). What are some best practices for adding small animations without overloading the user experience? Any feedback on these areas would be incredibly valuable as I continue improving my frontend development skills! 🚀😊

  • Submitted 2 months ago

    Blog preview card Responsive

    • HTML
    • CSS
    1
  • Submitted 2 months ago

    Responsive qr code component

    • HTML
    • CSS
    3

    I’d like to deepen my understanding of grid layout and gain more mastery in using vh and rem units

Latest comments

  • Alessandro De Pietri Tonelli•70
    @adptCodePosted about 2 months ago

    Your social media link card is perfect! It’s impressive how closely it resembles the original design – truly a fantastic job. The only improvement I would suggest is regarding accessibility with keyboard navigation. Currently, the links don’t seem to be focusable with the Tab key, so making them keyboard-friendly would enhance usability.

    Additionally, you might consider adding your real information to fully take advantage of the card's purpose. Overall, an excellent execution – well done! 🚀

    Marked as helpful
    0
  • Babs-unique•100
    @Babs-uniqueSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Was a great project to start with as a beginner

    What challenges did you encounter, and how did you overcome them?

    NO serious challenge to be precised

    What specific areas of your project would you like help with?

    i think everything is okay

    Blog page layout

    2
    Alessandro De Pietri Tonelli•70
    @adptCodePosted 2 months ago

    Great job! The card looks very well-structured.

    You might consider centering the card better within the body by adding something like min-height:100vh;.

    Additionally, for the blog container, you could use margin: 0 auto; to center the card horizontally.

    In any case, fantastic work! 👍

    0
  • Slayver•60
    @Slayver-oSubmitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    Title font size and card width. Using spacing and font size system.

    QR code component - HTML, CSS

    3
    Alessandro De Pietri Tonelli•70
    @adptCodePosted 2 months ago

    Your solution looks really good! However, I’d suggest making the repository public on GitHub so your code is visible.

    0