Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
28
Comments
30

Victor

@CodeVeeLagos1,035 points

Software Developer with an avid passion for learning

Latest solutions

  • Comment Section with Nx Angular, Tailwind

    #angular#tailwind-css#typescript

    Victor•1,035
    Submitted about 2 years ago

    0 comments
  • Multi Step Form with Angular, Tailwind

    #angular#typescript#tailwind-css

    Victor•1,035
    Submitted over 2 years ago

    0 comments
  • Responsive ecommerce with Vue, Tailwind, Scss, Pinia, Vue Router

    #pinia#sass/scss#tailwind-css#vue#typescript

    Victor•1,035
    Submitted over 2 years ago

    0 comments
  • Invoice App using Vue.js, Typescript, Tailwind and Vuelidate

    #tailwind-css#vite#vue#typescript

    Victor•1,035
    Submitted over 2 years ago

    0 comments
  • News Hopepage using Vue, Tailwind and Grid

    #vite#vue#tailwind-css

    Victor•1,035
    Submitted over 2 years ago

    1 comment
  • Devjobs App with Angular, Typescript, SCSS and Tailwind

    #angular#sass/scss#typescript#tailwind-css

    Victor•1,035
    Submitted about 3 years ago

    2 comments
View more solutions

Latest comments

  • Faruk Abdulganiyu•380
    @faruking
    Submitted about 3 years ago

    Job portal MERN(MongoDB, Express, React, NodeJS) app

    #bootstrap#express#material-ui#mongodb#react
    1
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    @faruking Good job. Few pointers

    • Clicking the sun and moon icons break the applications.

    • The App is not responsive on Tablet and Mobile.

  • Pavlo•110
    @pvl-ao
    Submitted about 3 years ago

    Mobile-first pricing component with toggle

    #sass/scss#styled-components
    1
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    Hi Pavlo. Fantastic job on this task. I also use rem for my responsiveness. I think it's good and less confusing than em. Few Suggestions

    • Wrap your code with a main tag to fix the landmark accessibility issue.

    • Consider using a different element than the ul or use border-top and border-bottom for your li with padding rather than hr.

    I hope you find this helpful

    Marked as helpful
  • Thih_Nezzy•180
    @nobody1234455
    Submitted about 3 years ago

    NFT Review using Pure HTML and CSS

    2
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    Hi THIH_NEZZY, Great job on this task. Few Suggestions

    • Wrap your code with a main tag to remove the accessibility errors
    <main> 
       <div class="card">
           ...
       </div>
    </main>
    
    • Remove the images from the span in the price-time div and place them side by side with the span
    <div class="price-time">
        <div class="price">
            <img src="./images/icon-ethereum.svg" alt="eth" />
            <span>0.041 ETH</span>
        </div>
        <div class="time">
            <img src="./images/icon-clock.svg" alt="clock" />
            <span>3 days left</span>
        </div>
    </div>
    

    Also update the CSS to look like

    .price-time {
        display: flex;
        justify-content: space-between;
        margin: 7% auto 0 7%;
    }
    
    .price,time {
        display: flex;
        align-items: center;
    }
    
    .price,time > img {
        margin-right: 5px;
    }
    
    .price>span {
        color: var(--cyan);
    }
    
    .time>span {
        color: var(--soft-blue);
    }
    
    • I would recommend you research the use of padding and apply it to the parent card rather than using margin on child elements.

    • To overlay properly would then be easier with absolute positioning and flexbox.

    I hope you find this useful

  • Ogunola Zainab Ololade•500
    @Plut0r
    Submitted about 3 years ago

    Interactive Rating Component

    2
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    Hi Ogunola, Great Job completing this task. Few Suggestions:

    • Wrap your code with the main tag like <main> your code here </main>

    • Set the border and outline to none to remove the white and additional colors from your buttons

    button {
        border: none;
        outline: none;
    } 
    
    • For Screens below 375px, I would suggest you don't worry about it.

    I hope you find this helpful

    Marked as helpful
  • Kehinde Balogun•315
    @Kehinde13
    Submitted about 3 years ago

    I made use of the fratch API

    #fetch
    2
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    @Kehinde13 Hi Kehinde Balogun, Great job completing this assignment. Few Suggestions :

    • Wrap your code with a main tag.

    • Replace your h4 with a h1.

    • Try and center your button

  • Dean Hudek•290
    @deksa89
    Submitted about 3 years ago

    NFT Card

    2
    Victor•1,035
    @CodeVee
    Posted about 3 years ago

    @deksa89 Hi Dean Hudek, Great Job completing this assignment. Few Suggestions

    • Change the price heading to h2 rather than h3 to clear the accessibility issue.

    • For the hover state. Remove the blue image and set the background of .inner-photo to cyan 00FFF7. Use flex to center both horizontally and vertically the eye SVG.

View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub