Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
4

Teano Goss

@tcaturani-gossAurora, Colorado180 points

Graphic Designer

Latest solutions

  • Tip Calculator App Using Flexbox, Grid, and Pure Functions


    Teano Goss•180
    Submitted 5 months ago

    2 comments
  • Newsletter Sign Up With Success Message Using Flexbox and JavaScript


    Teano Goss•180
    Submitted 5 months ago

    1 comment
  • Article Preview Component - Flexbox and JavaScript


    Teano Goss•180
    Submitted 6 months ago

    1 comment
  • Single-Page Design Portfolio Using HTML, CSS, and JavaScript

    #accessibility#bem

    Teano Goss•180
    Submitted almost 3 years ago

    0 comments
  • Interactive rating component using flexbox and JavaScript


    Teano Goss•180
    Submitted almost 3 years ago

    1 comment
  • Flex Box Practice Product Preview Card Component


    Teano Goss•180
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • Kostczev•130
    @Kostczev
    Submitted over 2 years ago

    grid, json

    #bem#sass/scss
    1
    Teano Goss•180
    @tcaturani-goss
    Posted 5 months ago

    Good code! Your design is pixel-perfect. The only suggestion I have is to consider reducing the font weight on the .dashboard__links li and increasing the margin-bottom for improved spacing. Other than that, your code is flawless. Keep up the great work!

  • Phan Thành Chung•110
    @phanthanhchungbyte
    Submitted 6 months ago

    Newsletter Sign Up

    1
    Teano Goss•180
    @tcaturani-goss
    Posted 5 months ago

    Fantastic job on this project! If I may offer a couple of suggestions for improvement:

    Consider incorporating the checkmarks provided in the project assets alongside your bullet points. You can achieve this by using .checkmark-list li::before in your CSS, with content: url('icon-list.svg') and absolute positioning.

    Additionally, styling your submit button could enhance the overall design. You might assign a class like user-email-form to your form, then target the button in your CSS using .user-email-form button. From there, you can apply styling properties such as width, padding, border-radius, background-color, and cursor: pointer for a more polished look.

    Keep up the great work—you're doing amazing! Keep coding and growing!

  • Aman Baloria•220
    @Amanbaloria622
    Submitted 6 months ago

    product-preview-card

    1
    Teano Goss•180
    @tcaturani-goss
    Posted 6 months ago

    Great job on this code, Aman! If there are a couple of things I could recommend, I would.

    • Take the bold CSS style off of your second paragraph element in the div container with the id of "content" and give it a font- weight of 400.

    • Reduce the #maindiv containers height to 50% or 60% to match the design a little better.

    • Use Flexbox principles on the #content container to center the content in the middle of the container by adding a display of flex, flex-direction column, justify-content center, and align-items center.

    Try to use class="" for design changes in your CSS and id="" for JavaScript functionality so when you're incorporating more JavaScript into your websites, you won't get confused and break your code.

    You're doing a great job so far, Aman. Keep at it!

  • Jérémy Mouzin•200
    @jeremymouzin
    Submitted 7 months ago

    Article component preview

    1
    Teano Goss•180
    @tcaturani-goss
    Posted 6 months ago

    This is perfect! What's your method for getting the design to be pixel-perfect? I have tried using screen overlays, but I can't find one that works perfectly.

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