Skip to content
OverviewSolutions
12
Comments
2
Jhef
@imjheef

All comments

  • Carmen•80
    @KrmenDevSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I keep pushing and putting into practice my CSS to finally be able to build things I'm proud of.

    What challenges did you encounter, and how did you overcome them?

    I think images are still something I need to work more with because they then to behave a little different from what I expect, I solve my issue with percentages

    What specific areas of your project would you like help with?

    I would like to know why when trying to center the username with their image the text does not align vertically, I ended up using margin bottom to center the name to the middle of the image, I'm pretty sure there's a better solution to that

    Blog Preview Card

    1
    Jhef•140
    @imjheefPosted 4 months ago

    Hi there!

    To help you with the images, I recommend selecting the image you want to style within an element, I see in your CSS that you are styling the img globally and it will affect all your images within the project

    you can try to do something like

    .PreviewCard img{
 width: 350px;
}

    and this will only apply to the PreviewCard image. I believe this will also help you with centering the username with the image

    1
  • Jhef•140
    @imjheefPosted over 1 year ago

    Hello, congratulations on summiting your challenge!

    To look better in the mobile version, you could lower your media query pixels as recommended in the styles-guide

    I would recommend working with rem instead of percentages as you can get more control on how it will look, but you can lower your percentages withing your media query too

    Remember to size your font with font-size: XXrem for the text to be responsive.

    To remove the border in the button you can use border-style: none to match the design.

    i hope this helps, </Happy coding>!

    Marked as helpful
    1