Skip to content
OverviewSolutions
15
Comments
11

Babalola victor ayomide

@ZHADOW999Nigeria430 points

just a guy that loves frontend code

I’m currently learning...

java script , python :)

Latest solutions

View more solutions

Latest comments

  • P
    Alfonso Pruneda•190
    @915fonzie
    What are you most proud of, and what would you do differently next time?

    Most proud of learning how to use framer motion to animate my pages.

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

    Some challenges I faced had to do with layouts. Initially when I created my layouts for each page, I had not included the links because initially I did not have a solution to make it work, but after several hours I figured out how to be able to use the links in the layouts and still being able to keep the order of my elements where they should be.

    Space Tourism Multipage done with React, React Router and SASS

    #react#react-router#sass/scss#framer-motion
    1
    Babalola victor ayomide•430
    @ZHADOW999

    remove the overflow: hidden on the main tag page

    Marked as helpful
  • Vinayak•300
    @V102002
    What are you most proud of, and what would you do differently next time?

    I finished this in within an hour. It was a good revision

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

    Adding the box shadow, had to refer chatgpt for that and the mobile version of the design

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

    This was more of a revision and I was designed it within an hour

    Blog-Preview (Revision)

    2
    Babalola victor ayomide•430
    @ZHADOW999

    also bolg-container set the height to auto and remove the margin-top on the preview-img it will look better like that 😁

    Marked as helpful
  • Vinayak•300
    @V102002
    What are you most proud of, and what would you do differently next time?

    I was able to replicate the card with less help and i was implemented media queries for 768px and 500px

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

    I wasn't able to get the right height of the card, so it was trial and error

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

    Any feedback is welcome

    NFT_Preview-Card using Flex box

    1
    Babalola victor ayomide•430
    @ZHADOW999

    hey its me again just set the height to auto

  • Vinayak•300
    @V102002
    What are you most proud of, and what would you do differently next time?

    I finished in an hour

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

    I came across a problem when I made a live site, the alignment was off

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

    Please give feedback on how to get it better

    Product-Preview

    1
    Babalola victor ayomide•430
    @ZHADOW999

    Firstly remove the margin left on the container and put margin:auto; to center it

    The card at 500px screen size set the width to 85%

    The button at 500px screen size set the width to be 90% and add margin:auto;

    The container at 500px screen size remove the height:1000px and set the height to height:auto,

    So these are the correction i made to make it better

    If you wanna center elements in a container, set the container to 100% or any size of your choice and set the elements in the container to like 90% or any size of your choice and put margin:auto;

    Adding auto on width or height means adding width or height based on the amount of element in the container it' really helpful

    i hope this helps you, happy coding 😁👌 !

    Marked as helpful
  • theHeroJoel•60
    @theHeroJoel
    What are you most proud of, and what would you do differently next time?

    I'm really happy about how simple the code is, I used Vanilla JS to build the functionality of changing the theme to any of the three (just like the design).

    I started with working on the HTML and CSS to have a functional calculator before worrying about the themes. If I have a similar project to this in the future, I would still take this approach.

    Overall, I really like how easy the code is, and how fast I was able to build it.

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

    I did not encounter any particular issues in the course of solving this.

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

    The Javascript portion for sure. I believe the code would have been even easier if I had knowledge of React JS

    Responsive Calculator App Using Javascript

    1
    Babalola victor ayomide•430
    @ZHADOW999

    Well done, but why didn't you follow the design?

  • Koda👹•3,830
    @kodan96
    What are you most proud of, and what would you do differently next time?

    Made with:

    • HTML 🦴
    • SCSS 🖌️
    • JS 🤖
    • mobile-first approach 📲📲
    • luxon, jQuery, GSAP libraries used in the development 📗📗
    • autoprefixer for browser compatibility 🧭
    • minified files for better performance 🚀
    What specific areas of your project would you like help with?

    If you notice any bugs or have suggestions you know what to do 👇👇

    Clock App ⏲️⏲️ w/ HTML, CSS, JS

    #gsap#jquery#animation
    3
    Babalola victor ayomide•430
    @ZHADOW999

    this is really cool but i found a bug, i could not view the entire web page, it like you put an overflow:hidden; or something

View more comments