Skip to content
OverviewSolutions
6
Comments
7

ana-lsm

@ana-lsm80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • TheGDneo•120
    @GD-neo
    What are you most proud of, and what would you do differently next time?
    • I am getting better at using CSS selectors. Feeling like I am making progress
    What challenges did you encounter, and how did you overcome them?
    • I used a mobile first approach using flex box so I used flex-direction: column and then at @media (min-width: 1100px) changed to flex-direction: row.
    • It felt like the column structure made the screen look somewhat empty while the width was > 800px.
    • I moved to @media(min-width: 800px) but added flex-wrap: wrap which let the last card move to a new row while keeping the others on one line so the screen doesn't feel empty when changing from column to row structure (or the other way around)
    What specific areas of your project would you like help with?
    • Any feedback and ideas for improvement are welcome - really helps a lot :D

    Four Card Feature Section. Mobile First. Flex Box. @media at 800px.

    1
    ana-lsm•80
    @ana-lsm

    A tip for setting the image at the end, is:

    img {
  display: block;
  margin-left: auto;
}
  • Alexander Pavlovic•80
    @Pavlovic2001
    What are you most proud of, and what would you do differently next time?

    Nothing.

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

    No challenges.

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

    Nothing for now.

    Html, CSS

    1
    ana-lsm•80
    @ana-lsm

    Good job!

  • ana-lsm•80
    @ana-lsm

    Good job!

  • Higor Sebastian•50
    @HigorSAS
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is having managed to keep everything aligned, and also being able to make mobile responsive.

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

    The challenge I encountered the most was changing the color of the ul marker and also aligning the mobile responsiveness.

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

    I would like help with using the Media query and defining the height and width

    Responsive page using HTML and CSS.

    1
    ana-lsm•80
    @ana-lsm

    Good job!

    Marked as helpful
  • ana-lsm•80
    @ana-lsm

    Your code looks very neat! Nice job!

    Just a tip, I read it some where that screen readers have a hard time when there's lists in the web page. So if you would like to make you site more inclusive avoid using this types of semantic tags! =)

  • John4001•20
    @John4001
    What are you most proud of, and what would you do differently next time?

    Here,i learned how to use the fonts,how do use image and links.In next time i want to add the content for the blog review card.

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

    I had faced here,to choose the child element in html and then i searced on google i will found the solution.It's help me a lot.

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

    Images part and fonts.

    Blog-Preview Card

    2
    ana-lsm•80
    @ana-lsm

    You can also use google fonts for your css/html, there you can get the "Embedded code" and just cope it and paste it into your own code. If you have privacy issues in your country, you can use https://fonts.coollabs.io works the same way.

View more comments