Skip to content
OverviewSolutions
25
Comments
9

Eugenia Antonova

@EugeniaAntonovaAlmaty430 points

Intern in frontend-development. In love with web, simpicity and landing pages.

I’m currently learning...

CSS, JS, HTML

Latest solutions

View more solutions

Latest comments

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

    This time I did it faster and learned many things and I would next time try to manage my tags properly to avoid confusion next time.

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

    The challenge was to arrange containers with style tags correctly also some concept related to list styles and table border CSS properties were new and challenging.

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

    I would like me to correct me to how to avoid this image error. I mean whenever I host my pages on GitHub images always never showed.

    Recipe-page || Pure HTML & CSS

    2
    Eugenia Antonova•430
    @EugeniaAntonova

    Congradulations with the challenge!

    With the image you just need to change a path. You have this now <img id ="img" width ="602px" height="100%" position="absolute" src="/assets/images/image-omelette.jpeg" alt="Burger logo">. And the only thing to change is a dot. Like this: <img id ="img" width ="602px" height="100%" position="absolute" src="./assets/images/image-omelette.jpeg" alt="Delightful omlette you will have">

    Also, it would be much easier for you to use a little bit more semantic markup, and learn positioning techniques. Try with this one to make something like:

    <main> <article> <the rest of the code> </article> </main>

    then you can give the main a display of grid and place-items: center. And your article will be perfectly centerd all the time! You then can add a padding inside the main to give some air at the top and bottom;

    You can even go further and give a display grid to the article. With this you will not have to position the image absolut.

    So, learn more about semantics, grid, flex and semantic classes naming and you will very soon succeed!

    Good luck on your way

  • Eugenia Antonova•430
    @EugeniaAntonova

    I struggled with the picture. What is the correct way to do it?

  • CatalinaF-S•60
    @CatalinaF-S
    What are you most proud of, and what would you do differently next time?

    I really enjoyed doing this project and as time goes by I am becoming more agile and faster. I loved the styling I chose :)

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

    Choosing the appropriate and accessible color palette.

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

    I hesitated a bit on the responsive design. I think I need to refresh my knowledge on this subject.

    Social links profile with SASS

    #accessibility#sass/scss
    1
    Eugenia Antonova•430
    @EugeniaAntonova

    Hi and congradulations on this challenge! I really love the color pallet you`ve chose. A tiny bit of advice:

    • in rectangular shapes with not equal sides, like you have here, it is better to use border-radius given in px, em, rem etc. The result you have got now does not seem planned

    • use transitions for almost anything that changes, especially as significantly as background color in your links. It makes the feel of you UI more natural and frieandly to the eye

    • for margins it is a better choice to use margin property. When creating a document flow it is better to make margins from top to bottom and from left to right. In this way you would have h1 margin--bottom: .5em (for instance), .location margin-bottom: 1em (or just twice as the previous one to create connection between name and location and separate slogan as a thing of its own)

    Good luck!

    Marked as helpful
  • Sudharsan-3•90
    @Sudharsan-3
    What are you most proud of, and what would you do differently next time?

    I made lot of mistakes but i finally made it

    faq-accordion-main

    1
    Eugenia Antonova•430
    @EugeniaAntonova

    My first accordeon was a tough thing too, congradulations on beating it! It would be much more user-friendly though, if you would make the whole accordeon item a button, so that user would not need to point directly into a little + sign. Good luck!

    Marked as helpful
  • Eugenia Antonova•430
    @EugeniaAntonova

    Amazing job you did with this challenge!

    I would only say that in terms of semantic the whole card is an article, and its parts are div with background image, h2, p, div with p and link, and then two buttons. The article itself could have made a great flex-container for its children. This way your markup could have been a lot shorter and thus more transparent.

    Good luck!

  • Eugenia Antonova•430
    @EugeniaAntonova

    Hello, Jack! Great job, on this challenge, I love how you made your custom validation!

    I would only suggest using more of semantic html, not only divs.

View more comments