Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

@CEE-AI

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@drizzy009

Posted

@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

@nickfwilliams

Posted

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
Discord logo

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