Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
14

Tiass

@Tiasstiass295 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive landing page with Sass


    Tiass•295
    Submitted almost 4 years ago

    2 comments
  • Coming soon page with Tailwind & JS. Dark mode included


    Tiass•295
    Submitted over 4 years ago

    0 comments
  • Article Preview with Sass and JS


    Tiass•295
    Submitted over 4 years ago

    0 comments
  • Accordion card with Sass & Js


    Tiass•295
    Submitted over 4 years ago

    1 comment
  • Responsive data storage component


    Tiass•295
    Submitted over 4 years ago

    2 comments
  • Responsive profile card


    Tiass•295
    Submitted over 4 years ago

    0 comments
View more solutions

Latest comments

  • darryncodes•6,350
    @darryncodes
    Submitted almost 4 years ago

    4 Card feature section - HTML, SCSS, Grid, @keyframes & mobile-first!

    #bem#sass/scss
    3
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job! 👏

    Tested it on Safari iOS, looks neat! Few feedbacks:

    • Regarding the colored top border: You could make it a div or the best solution I think, is to use a ::before pseudo element,
    • Setting fixed heights is not considered good practice, the content should define the height of an element, be it the padding etc..,
    • Any reason behind the font-size: 50%, 62.5% makes sense but why 50%?
    • @import is being depreciated and Sass team is discouraging us to use it, look into @use and @forward,
    • You are using scss syntax not sass, consider renaming your folder.

    Excellent job overall, keep up the good work 💪

    Marked as helpful
  • iliwili•225
    @iliwili
    Submitted almost 4 years ago

    Still learning how to use css properly

    2
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job! 👏

    Nice work overall, some feedbacks:

    • You can use overflow: hidden for the card’s border-radius to work without setting it on the image as well,
    • The box shadow is really big on the button, a subtle 0 2px 5px #00000033 should work,
    • You can apply that shadow on the card as well,
    • Use more em and rem, especially rem for font-sizes. If you set a font-size on body and then rem on children, you could change all your font-sizes by just changing the body font-size and the children will scale accordingly.

    Keep up the good work 💪

  • Saurav Singh•10
    @saurav0896
    Submitted almost 4 years ago

    Visual Studio Code

    1
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job 👏

    Looks really good!

    • Seems like there is a little gap between the image and the body of the card but its nice that way also.
    • The body is too big on mobile, the reason is, you set the width of the body, I guess for background positioning ? background-size: cover should do the trick.
    • Look into em and rem

    Keep up the good work 💪

    Marked as helpful
  • Luisfer Doria•60
    @luis123doria
    Submitted almost 4 years ago

    Order Summary Component | @luidrawly

    2
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job!👏

    Tested it on Safari iOS, nice work on the card itself, the positioning is off on both portrait and landscape orientation. Also the box-shadow on the card is off and its values looks random, 0 2px 5px #00000033 is usually enough for a card

    Keep up the good work 💪

    Marked as helpful
  • Daniel Andrew•110
    @DxnielXndrew
    Submitted almost 4 years ago

    HTML, CSS, Bootstrap, Vanilla JS

    1
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job! 👏

    Tested it on Safari iOS, looks good overall although:

    • Centering is kinda off on first and third section,
    • The hamburger menu’s items breaks on landscape mode

    Now about the code:

    • The use of !important is not recommended, if you need it that much, surely something is wrong with your code and using it shouldn’t be your first resort,
    • 5 media queries are too much, look for ways to make it more responsive « on its own » like grid, responsive font-sizes with the use of clamp(), not setting fixed sizes, using em and rem etc..

    Keep up the good work 💪

    Marked as helpful
  • futuregit•70
    @futuregit
    Submitted almost 4 years ago

    VS Code, CSS, JavaScript and HTML

    2
    Tiass•295
    @Tiasstiass
    Posted almost 4 years ago

    Good job! 👏

    Tested it on Safari iOS, looks really good, the only issue I see is the really long hamburger menu.. Is there a reason behind it being 200vh?

    Keep up the good work 💪

    Marked as helpful
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

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