Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
13

Akerele Tunde

@trafikiLagos, Nigeria.165 points

A software engineer passionate about solving human problems with code.

I’m currently learning...

React/Vue

Latest solutions

  • Base Apparel Coming Soon Page


    Akerele Tunde•165
    Submitted almost 4 years ago

    0 comments
  • Order Summary Component Solution


    Akerele Tunde•165
    Submitted about 4 years ago

    1 comment
  • Four Card Feature Section


    Akerele Tunde•165
    Submitted about 4 years ago

    4 comments
  • Article Preview Component


    Akerele Tunde•165
    Submitted about 4 years ago

    0 comments
  • Social Proof Section Solution


    Akerele Tunde•165
    Submitted about 4 years ago

    1 comment
  • FAQ Accordion Card


    Akerele Tunde•165
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • Oluwafemi•345
    @Albusflames
    Submitted almost 4 years ago

    responsive coming soon page using flexbox and media

    2
    Akerele Tunde•165
    @trafiki
    Posted almost 4 years ago

    Wetin happen comrade

  • Dave•5,295
    @dwhenson
    Submitted almost 4 years ago

    Countdown Timer - SCSS, JS

    #accessibility#gulp#sass/scss
    2
    Akerele Tunde•165
    @trafiki
    Posted almost 4 years ago

    Quick question, What did you use for the animation?

  • Mtendere Kulemeka•270
    @mkulemeka
    Submitted almost 4 years ago

    Desktop first using css and HTML

    1
    Akerele Tunde•165
    @trafiki
    Posted almost 4 years ago

    Hi @mkulemeka considering the approach you took, It is necessary that you set width and height of the image. The issue with setting the width and height here is that the image is forced to take the dimension of the container making the image distorted when the dimension of the parent div's container doesn't quite align with the image dimension. To fix this error, all you need to do is add "object-fit: cover;" to your ".main .img img" style rule.

    You can read more about the object-fit css property at https://www.w3schools.com/css/css3_object-fit.asp

    Let me know if that helps or if you have additional questions.

    Cheers :)

    Marked as helpful
  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted almost 5 years ago

    Coming Soon Page With Responsive Images And CSS Grid — No JS

    6
    Akerele Tunde•165
    @trafiki
    Posted almost 4 years ago

    Okay thanks, I see the selectors that made that possible now

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted almost 5 years ago

    Coming Soon Page With Responsive Images And CSS Grid — No JS

    6
    Akerele Tunde•165
    @trafiki
    Posted almost 4 years ago

    Hi, I;m curious, how did you achieve the email validation without JS. How did you make it display the error message and icon without js

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted about 3 years ago

    Pure CSS FAQ Accordion Card With Sweet CSS Animations

    #accessibility#sass/scss
    19
    Akerele Tunde•165
    @trafiki
    Posted about 4 years ago

    Thanks!

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

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