Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
3

Yannisp2000

@Yannisp200070 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

  • Landingpage Social links profile using CSS animation


    Yannisp2000•70
    Submitted over 1 year ago

    in the hover settings i needed a bigger font-size as in the non hover settings to look the same size. i don´t know why maybe someone can explain to me.


    1 comment
  • Blog preview card


    Yannisp2000•70
    Submitted over 1 year ago

    i need help with my main container. what i need to do that the container orientates on the svg?


    1 comment
  • Responsive landingpage with QR Code using flexbox


    Yannisp2000•70
    Submitted over 1 year ago

    how i handle img. the container around of the img doesn´t effected by the size of img.


    1 comment

Latest comments

  • MrestebanNeva•60
    @MrestebanNeva
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Logre llegar al diseño lo mas exacto posible y le aplique algo de dinamismo usando hover en algunas partes.

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

    Aun me es dificil calcular las mediadas de los elementos y crear del todo una pagina 100% responsiva

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

    medidas y responsividad

    Tarjeta de perfil

    2
    Yannisp2000•70
    @Yannisp2000
    Posted over 1 year ago

    I really like your solution! The hover effect and the animation is great and look really good.

    On the links i see only one problem who is easy to fix i think. When you hover the complete button scales up but you need to klick on the text because the button doesn´t work. I think the solution is to style the <a> element instead of the <li>. Then you can click everywhere you want in the button and the link works.

    Marked as helpful
  • NithishSaran04•20
    @NithishSaran04
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Learning shadows, transition and other stuff

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

    I still have a problem with flex

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

    Flex

    Blog

    1
    Yannisp2000•70
    @Yannisp2000
    Posted over 1 year ago

    nice job your site looks really close to the preview. I like how you centered your main container.

    in the CSS setting .author you don´t need justify-content and align-items because flex-start is the standard setting.

  • Jackson-zablon15•330
    @Jackson-zablon15
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of developing my first project after learning html and css. I was able to apply concepts like positioning and flexbox. Next time i would like to do a challenge with more components like headers, navigation bar, and footer.

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

    I encounter the challenge of responsiveness on mobile device and i used media query to fix it. Also i had challenge in arranging the text space as how they were in the design and i used margin and padding.

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

    I would like help in following areas. a)How to view the work how will appear on mobile while developing it so as to achieve responsiveness. I always minimize the browser to see how it will look on mobiles but when i view on mobile i found they are slight different. b)How to determine the values of top and left properties of position when making containers at center. I always guess them while viewing to see if they are at center.

    Qr-code using html and css

    1
    Yannisp2000•70
    @Yannisp2000
    Posted over 1 year ago

    overall it looks good and is close to the Design preview.

    There are points what i miss:

    • the headline have the wrong color
    • the container don´t have dropshadow
    • the content in the container is to close on the edge

    I think you can work more with padding and margin to get more space beteween the content and the edges.

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub