P

Cezar Ganzon

@cganzon
San Diego, CA
220Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

  • Desktop design screenshot for the NFT preview card component coding challenge

    NFT Preview Card

    • HTML
    • CSS
    0
    P
    Submitted

    It's been a while since I've practiced HTML and CSS, so I decided to get back into it with this challenge.

    One thing I was unsure of was whether to use an actual element or a pseudo-element for the image hover effect. I settled with using an anchor tag wrapped around a div because I was thinking about how the functionality would be used. Seems like clicking on the image hover effect would take you to another theoretical page with more information about the NFT. That may be me reading too much into things though.

    Any suggestions to improve my code are always welcome!

  • Desktop design screenshot for the Clock app coding challenge

    Clock App (jQuery and Sass)

    • HTML
    • CSS
    • JS
    • API
    0
    P
    Submitted

    This is the second intermediate challenge that I've completed. It was a great one for working with API's to display data and it was a good learning experience overall.

    I decided to use jQuery to get some more practice with it instead of using vanilla javascript. I'm also still practicing Sass so my implementation of using it and organization of styles may not be the best.

    I wasn't able to get the programming quotes API to work since I couldn't find the correct route to use to call the API. Therefore, I had to use the quotable API which worked without issues.

    I'm not completely sure if the time is displaying correctly when the site is viewed from different IP addresses, so if there is a problem, please let me know and I will try to fix it as best as I can.

    If you have any feedback/tips on how to improve my code I would greatly appreciate it. Thanks!

  • Desktop design screenshot for the IP Address Tracker coding challenge

    IP Address Tracker (jQuery & Sass

    • HTML
    • CSS
    • JS
    • API
    0
    P
    Submitted

    This was a very fun challenge and a great refresher on using jQuery. This was also my first time using Sass, so I'm not sure if I went about incorporating it well or used best practices/conventions.

    Since this is a client-side app, I had to leave the geolocation API key exposed in the github repo. I've done some research and it looks like there isn't a way to hide the key safely in client side javascript, but luckily it seems like this key doesn't contain any personal sensitive information. I may try to remake this project using Node.js in order to hide the key better, but I will leave it as is for now.

    Any feedback is greatly appreciated and if you know of a viable way to hide API keys on the client-side, please let me know. Thanks!

  • Desktop design screenshot for the Clipboard landing page coding challenge

    Clipboard landing page

    • HTML
    • CSS
    7
    P
    Submitted

    Another project completed that I'm happy with how it turned out. The most challenging part for me was figuring out a way to get the computer image in the snippets part of the page to display how it does on tablet and desktop screens, but I'm glad I was able to get it to work how I wanted it to. I still need some work on cleaning up my CSS, but I tried to organize it the best I could.

    Looking forward to your tips/feedback. Thanks!

  • Desktop design screenshot for the Meet landing page coding challenge

    Meet landing page

    • HTML
    • CSS
    2
    P
    Submitted

    This was my first premium challenge. It was very fun using figma for the first time and I learned a lot from it.

    Looking forward to any feedback to improve my solution. Thanks!

  • Desktop design screenshot for the Loopstudios landing page coding challenge

    Loopstudios Landing Page

    • HTML
    • CSS
    • JS
    3
    P
    Submitted

    Another really fun project and I'm happy with how it turned out. My CSS is kind of all over the place so I may try to refactor it in the future. Tips/feedback always welcome.

Latest Comments

    • HTML
    • CSS

    Profile Card Component using HTML and CSS

    4
    P
    Cezar Ganzon220 | Posted 7 months agocommented on Roy's "Profile card component" solution

    Hi I'm currently working on this project myself and I had the same problem with the image border. To fix it I decided to put a white background on the image tag. Not sure why that issue happens in the first place across browsers though. Also, great job on this project! I might just have to take a look at how you managed those circles staying in place as the screen size changes because that has me completely lost at the moment.

    0