Skip to content
Submitted over 3 years ago

Four Card Feature Section with HTML and CSS

Melvin•270
@MelvinMelonGit
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Front-end Mentor Challenge - Four Card Feature Section

Hi there! Thanks for viewing my solution :)

Just a few questions.

1 - The design looks fine on most screen sizes, but when I view it on a extremely wide desktop screen, it appears very tiny on the browser. Please advise on how I may get this to work.

2 - Please advise how I may improve on my code.

Thanks again!

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    in this case I would not worry as much as the case of really wide desktop but work on a in between layout between the current mobile and desktop layouts. Before your mobile layout switches to desktop they layout while working has changed the experience so much that users on devices that size would not get the experience that the mobile and desktop users would get

    0
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @palgramming ,

    Thanks for your comment :)

    I don't quite understand your reply on your 2nd sentence. Do you mean that I should come up with a better layout for tablet view instead?

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @MelvinMelonGit yes a tablet view maybe if you look at my solution at different screen sizes and your at the same size then you can compare and see what experience you like better https://palgramming.github.io/Frontend_Mentor_Challenges/four_card_feature_section/index.html

    0
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @palgramming,

    Thanks for your example! I will consider your comments for my future challenges :)

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord