Skip to content
Submitted over 2 years ago

3-column-preview-card-component-main Using CSS and HTML5

Chijioke Ihedioha•50
@CEE-AI
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

It feels good to be back! I found indenting the characters on my paragraph tags exactly the way it is on the design jpeg using CSS and HTML5 difficult. Any suggestions or I shouldn't bother?... someone help.

Community feedback

  • drizzy0x•60
    @drizzy009Posted over 2 years ago

    @nickfwilliams You could check mine also. Submitted another solution few minutes ago as well.. Would really appreciate feedback.

    Felt a bit lazy in the footer because I wasn't feeling too well

    0
  • Nick Williams•320
    @nickfwilliamsPosted over 2 years ago

    Hi Chijioke - you've done a really good job, getting the desktop version to look like it should. Maybe just make the h1 titles a bit larger? Honestly, I wouldn't worry too much about the indenting. Instead, I would spend some time making it responsive, so the tile displays vertically on a narrow (mobile) screen. Currently, when I make my window smaller, the design doesn't respond.

    Take a look at media queries in order to help you achieve this - good luck!

    0

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