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

Ursula 610

@UrsulaSpela

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


Hi! I have a problem aligning buttons. Does anyone know how to fix it?

Community feedback

P
Volkmar 230

@puzzledpromise

Posted

Hi Ursula, I am working on the very same problem right now (aligning the buttons). I am playing around with a mockup on codepen and I did it by setting the height of the paragraph. Of course there might be a better or more obvious solution to this but this is how I did it:

https://codepen.io/puzzledpromise/pen/vYxYVYR

0
Dinesh 1,115

@Dinesh1042

Posted

Hello URSULA'S! 👋

Good job on this challenge! Your solution responds well, here's my few tips:

  • Don't use percentages for your margin use em units or rem units for margin , padding and for other stuffs
  • use should use max-width in your elements so it won't enormous long in the larger or desktop
  • You should make it responsive by using media query

Good luck with that, Happy Coding😊

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