Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
40
Comments
7

John Q.

@romrauqAccra, Ghana610 points

Onward!

Latest solutions

  • Agency Landing Page


    John Q.•610
    Submitted 5 months ago

    I have issues with setting the proper sizes of the images within sections. Any assistance would be greatly appreciated.


    0 comments
  • Tip Calculator App


    John Q.•610
    Submitted 5 months ago

    1 comment
  • Time Tracking Dashboard


    John Q.•610
    Submitted 5 months ago

    0 comments
  • Intro Section with Dropdown Navigation


    John Q.•610
    Submitted 5 months ago

    Any feedback that can make my project look and act better would be greatly appreciated.


    0 comments
  • Expenses Chart Component


    John Q.•610
    Submitted 5 months ago

    1 comment
  • Interactive Card Details


    John Q.•610
    Submitted 5 months ago

    0 comments
View more solutions

Latest comments

  • Temitayo•290
    @TheOnly1TY
    Submitted 6 months ago

    Intro Component with signup form

    1
    John Q.•610
    @romrauq
    Posted 6 months ago

    I found the solution in your code to the issue I was had setting the background color overlay. Thanks! 😊

  • Jane Odhiambo•80
    @Janespot
    Submitted 6 months ago

    Responsive Product Preview Card using Flexbox and Media Query

    1
    John Q.•610
    @romrauq
    Posted 6 months ago

    The layout looks quite good.

  • Lounis-Abderraouf•10
    @Lounis-Abderraouf
    Submitted 6 months ago

    first project

    1
    John Q.•610
    @romrauq
    Posted 6 months ago

    You could improve your design by setting the height of the body selector to 100vh so that the background color is consistent from top to bottom.

  • P
    Nuradeen Mohammed•260
    @nursh
    Submitted 6 months ago

    Social Links Profile

    1
    John Q.•610
    @romrauq
    Posted 6 months ago

    You could increase you main container width a few pixels (perhaps 30px) so that it can closely match the design reference.

  • Tshegofatso Motlhakane•20
    @tshegofatso-motlhakane
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I did the most bruh

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

    I was able to make everything fit

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

    Colors and shadows

    Blog Preview card

    2
    John Q.•610
    @romrauq
    Posted 6 months ago

    You can use the img tag and fill the src attribute value with the path to the image in your directory to setup the profile image element.

  • Balaji Mahendra•120
    @NameRectified
    Submitted about 1 year ago
    What challenges did you encounter, and how did you overcome them?

    For me the line and the image gave me the biggest headache I forgot that there exists an element called hr, js was relatively easy.

    Please provide feedback on how I can improve my code.

    Thank you.

    Age Calculator

    1
    John Q.•610
    @romrauq
    Posted about 1 year ago

    I simply created the line using styling a border on the container that carries the 3 input fields, like so:

    .inputs-container{ border: 1px solid hsl(0, 0%, 86%) }

View more comments
Frontend Mentor logo

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