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

xarisVavl

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

  • preview compontent with mouseover and touchstart events


    xarisVavl•130
    Submitted about 1 year ago

    .


    1 comment
  • grid and flexbox


    xarisVavl•130
    Submitted over 1 year ago

    .


    1 comment
  • flexbox and grid


    xarisVavl•130
    Submitted over 1 year ago

    .


    1 comment
  • flex and grid


    xarisVavl•130
    Submitted over 1 year ago

    .


    1 comment
  • responsive page using grid and html table


    xarisVavl•130
    Submitted over 1 year ago

    .


    1 comment
  • respnsive social link using flex


    xarisVavl•130
    Submitted over 1 year ago

    .


    1 comment
View more solutions

Latest comments

  • induwara-thisarindu•230
    @induwara-thisarindu
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of almost everything

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

    I had some trouble with styling the pop up the javascript was figured out but the styling gave me a hard time I googled it and came across a lesson in w3 schools and kind of figured it out in it but still not that good on mobile

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

    I would like help with the mobile design styling I can't seem to understand what's wrong I mean I think it's not bad but not good either so I can get some help on mobile code It would be helpful

    Thanks 😊

    Article Preview Component with HTML, CSS, JS

    3
    xarisVavl•130
    @xarisVavl
    Posted about 1 year ago

    Well done

  • Urias Ramos•170
    @Urias-Ramos
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I feel proud to complete the challenge and improve little by little.

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

    Even though the design isn't perfect, and I know there's more I can learn, I found this challenge to be quite big at first. But with time, it got easier for me.

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

    I still don't understand the ARIA rules well and html syntax.

    Testimonials Grid Section

    1
    xarisVavl•130
    @xarisVavl
    Posted over 1 year ago

    Good job

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

    I am proud that the website is responsive and has a great design until the vw of 220px. After that, it gets messy. The next time I would like to get better at eyeballing because it is taking me a lot of time.

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

    In some cases, I forgot the inputs of some properties and had to get some help from chatgpt. Also, I have a hard time knowing whether to use padding or margin when I can use both, although I fully understand their differences. Finally, when I was thinking about the layout of cards, it took me quite a while to think about wrapping two middle cards into a div to get the desired layout.

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

    Can anyone explain to me why my first card is smaller than others?Also, as you shrink the viewport width, you can see that at some point my two middle sections nested inside a div will have a smaller width than other cards even though div does not contain any margin or padding. Why is that the case? What can I do? Lastly, I truly don't know how to handle the distorted view of the website when the viewport width is under 220px. Can anybody give any suggestions?

    four-card

    1
    xarisVavl•130
    @xarisVavl
    Posted over 1 year ago

    good job

  • Jeffer Andrés Rojas Herrera•810
    @jarher
    Submitted over 1 year ago

    Product preview card component (Html, Css)

    1
    xarisVavl•130
    @xarisVavl
    Posted over 1 year ago

    very good

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

    In this project, I made the responsive web design by using Responsive HTML and CSS flexbox. Next time , I wanna try with other library and framework such as Bootstrap , React for responsive web design contents.

    Responsive Recipe page Using CSS Flexbox and HTML Responsive

    1
    xarisVavl•130
    @xarisVavl
    Posted over 1 year ago

    Good job but i believe writing css inside html tags is not the best type of writing you can do

    Marked as helpful
  • Auroiah Morgan•20
    @abmdev86
    Submitted over 1 year ago

    Responsive Social Links page

    1
    xarisVavl•130
    @xarisVavl
    Posted over 1 year ago

    Good job

View more comments

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

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