Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
5
Abrosss
@Abrosss

All comments

  • Tauseef Ansari•20
    @tausGit
    Submitted almost 3 years ago

    Product-preview-card-componentUsingFlexBox

    #accessibility
    1
    Abrosss•440
    @Abrosss
    Posted almost 3 years ago

    Hello! You did a very good job! To split the sections (image and content) equally, i would set the width of both divs inside of the main container to 50%.

    .main-container div {width:50%;}

    Then remove the img height of 300px and add this instead (so the image fills its container entirely) :

    .image { max-width:100%; max-height:100%; object-fit: cover; }

    I hope it helps and good luck!

    Marked as helpful
  • Yared•90
    @yaredh30
    Submitted almost 3 years ago

    Responsive FAQ card using CSS flexbox and some JS

    1
    Abrosss•440
    @Abrosss
    Posted almost 3 years ago

    Hi! To position the image over the container you can set overflow:visible to the div with the 'container' class

    Marked as helpful
  • Manish Mandal•650
    @manishdevelops
    Submitted almost 3 years ago

    responsive-slider-testimonials-page

    1
    Abrosss•440
    @Abrosss
    Posted almost 3 years ago

    Hi! Not sure what you mean, cause slides work great for me, but, to hide the scrollbar i would set the height of html, body and main to 100% and then apply overflow:hidden to the main container, and it will look p e r f e c t. Great job!

    Marked as helpful
  • Maikoke•450
    @MaikoCode
    Submitted almost 3 years ago

    Interactive rating component

    1
    Abrosss•440
    @Abrosss
    Posted almost 3 years ago

    Great job! The only thing that confuses me is the first egg shaped circle with the digit 1 in it :D I would fix it by setting the same width and height to the li element and centering it with flex, for example: display:flex; justify-content:center; width: 53px; height: 53px;

    Good luck!

  • Kaung Zin Hein•720
    @K4UNG
    Submitted over 3 years ago

    Calculator App Using CSS grid, JavaScript

    2
    Abrosss•440
    @Abrosss
    Posted over 3 years ago

    So when i press a button it stays pressed till i click another. And i don't know if it should be like this, but i caught myself playing with it pressing all the buttons:D Just want to say it's so satisfying doing this with this ticking sound:D and great job!

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