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

MordenWebDev

@MordenWebDevINDIA500 points

👋 Hi my name is vigneswaran interested in design and developing web. currently I'm learning skill to upgrade my skill level.😎

I’m currently learning...

JavaScript

Latest solutions

  • Product_preview_card_component with html and css using flex box


    MordenWebDev•500
    Submitted over 2 years ago

    1 comment
  • QR_Code_Component with internal CSS ad flex box


    MordenWebDev•500
    Submitted over 2 years ago

    4 comments
  • FAQ accordion card with bootstrap and flexbox

    #accessibility#foundation

    MordenWebDev•500
    Submitted over 3 years ago

    0 comments
  • sign-up form with no media query full responsive flexbox

    #accessibility#foundation

    MordenWebDev•500
    Submitted over 3 years ago

    2 comments
  • base-apparel-coming-soon with flexbox

    #accessibility#foundation

    MordenWebDev•500
    Submitted over 3 years ago

    2 comments
  • Clipboard-landing-page with flexbox

    #accessibility#foundation

    MordenWebDev•500
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • lndbgaa•270
    @lndbgaa
    Submitted over 2 years ago

    My Four Card Feature Section Solution Using Grid

    2
    MordenWebDev•500
    @MordenWebDev
    Posted over 2 years ago

    there is a property call box shadow. with that you will be able to bring shadow to your design.

    yourcard {
      box-shadow: 5px 10px rgba(255,255,255,.1);
    }
    

    i hope this might helped you

    Marked as helpful
  • renan•50
    @RenanGuapyassu
    Submitted over 3 years ago

    Responsive page using Flexbox properties

    1
    MordenWebDev•500
    @MordenWebDev
    Posted over 3 years ago

    you are specifying height for the grid so it will not be able to grow according to the content. if you remove the height from grid class it will fix the issue . remove height form grid class in media query also it will fix the issue for mobile. it will be responsive.

  • Alonso•70
    @ajc98
    Submitted over 3 years ago

    3 Column Preview - Alonso

    1
    MordenWebDev•500
    @MordenWebDev
    Posted over 3 years ago

    use html for structure CSS for styling js for functionality

    don't use inline CSS it is not best practice. there are many things need to be changed..

  • Mohammad•60
    @Itsmoe16
    Submitted over 3 years ago

    clipboard-landing-page-master solution

    1
    MordenWebDev•500
    @MordenWebDev
    Posted over 3 years ago

    button should have some padding so that it have space around the text. And in super charge workflow section the one image is missing from the center div . font size is big for paragraph. there should be some spacing between image and content. over all nice job.

    Marked as helpful
  • Mahnoor Khan•435
    @mahnoork18
    Submitted over 3 years ago

    Ping coming soon page

    2
    MordenWebDev•500
    @MordenWebDev
    Posted over 3 years ago

    media query need to be adjusted because you are not using device screen space properly. even in the 1366px it goes to mobile design.

  • Débora Paiva•50
    @deborapaiva
    Submitted over 3 years ago

    NFT preview card component CSS + HTML

    1
    MordenWebDev•500
    @MordenWebDev
    Posted over 3 years ago

    nice job, hover state are missing. if it is there it will be nice.

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