• Codewell Fiber Landing Page

    SubhadipKundu19993 months ago

    -- At first I  have create header. I made header responsive by adding padding in percentage.

    -- Then I create Hero Section by using display :flex.

    -- To make protfolio section scrollable I have  make outer section position:relative
    and inner div width:fit content and scroll:auto.

    code for scroll section:


    .user-protfolio-section{
        position: relative;
        overflow-x: auto;
        margin-top: 20px;
    }
    .user-protfolio-section::-webkit-scrollbar{
        display: none;

    }
    .user-protfolios{
        width: fit-content;
        overflow-x: auto;
        padding:20px 10px;
        display: flex;
        justify-content: space-between;
       
    }

     this was little tricky for me.

    • 4
No comments on this solution yet.
Be first to post.
Join Our Discord Channel
Chat and discuss solutions with a growing community of developers.