Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
1

David OG

@DavidOG03Nigeria360 points

I am a Passionate and Aspiring Frontend Developer who loves to create clean, attractive and user-friendly interfaces.

I’m currently learning...

React Js PHP

Latest solutions

  • Advice Generator App using Tailwind CSS and flexbox

    #accessibility#react#tailwind-css#lighthouse

    David OG•360
    Submitted over 1 year ago

    0 comments
  • responsive manage landing page using flexbox and grid layout

    #accessibility#bem#react#sass/scss

    David OG•360
    Submitted almost 2 years ago

    1 comment
  • Responsive Landing Page Using Flexbox and CSS Grid systems

    #animation#bem#motion#sass/scss#react

    David OG•360
    Submitted almost 2 years ago

    0 comments
  • Responsive bookmark landing page using flexbox

    #accessibility#bem#sass/scss

    David OG•360
    Submitted about 2 years ago

    0 comments
  • Chatapp CSS Illustration using Flexbox and CSS Grid

    #accessibility#bem#web-components#sass/scss

    David OG•360
    Submitted over 2 years ago

    0 comments
  • Huddle Landing Page using CSS Grid and Flexbox

    #sass/scss

    David OG•360
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Luca•140
    @TofeDev
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Even if I hadn't made any Front End challenges in many months, I'm happy that it wasn't difficult to me to do. I would like to do a version using the JSON, which I don't know how to do it yet.

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

    If there's an error in the screenshot, I don't know why it's happening, it looks good in my browsers

    Result Summary Component

    1
    David OG•360
    @DavidOG03
    Posted 3 months ago

    Hey Luca, nice work. Concerning the screenshot looking that way, it might be your browser, which browser do you use? And to stop that displacement from happening I suggest you make some changes to your css code Your former code: .circle { justify-items: center; align-content: center; background-image: linear-gradient(var(--Violet-blue), var(--Persian-blue)); width: 200px; height: 200px; border-radius: 50%; margin: 30px; }

    new code: .circle { display:flex; justify-content: center; align-content: center; flex-direction:column; background-image: linear-gradient(var(--Violet-blue), var(--Persian-blue)); width: 200px; height: 200px; border-radius: 50%; margin: 30px; }

    I hope this helps!

    Marked as helpful

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