Skip to content
OverviewSolutions
23
Comments
6
Ron Paolo Toyhacao
@rontoyhacao

All comments

  • Paweł•1,030
    @Pawel-GnatSubmitted over 2 years ago

    Well, I found it quite easy. I hope my code is at least not that bad and easy to read. I managed this task in 2 hours.

    3 column preview card component

    2
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 2 years ago

    Hello Paweł!

    Nice to hear that you've had the challenge easy and you did great! Upon seeing your work I see that your main section is positioned at the top and not at the center. Since you already have your body tag at flex, one last thingg you can add is height: 100vh to have it centered. That's all and happy codingg.

    2
  • Karishma Garg•1,010
    @karishma-devSubmitted over 2 years ago

    Hey Guys, I just finished the Base Apparel Coming Soon Page Challenge. I would like you all to see it and let me know how I can improve it. Let me know my mistakes. Thank you!.

    Base Apparel Coming Soon Page

    1
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 2 years ago

    Hello Karishma Garg!

    You did veryy well on this challenge, great job! One thing I noticed is that the button wasn't interactive as it was supposed to. One way to solve this is by using the cursor: pointer in css. This helps the user to identify buttons. Using hover pseudo-class also helps.

    I also see that you were not able to implement the email validation. One way to do it is to use Regular Expressions in JavaScript.

    Marked as helpful
    0
  • John Rey Faciolan•220
    @juani2Submitted over 3 years ago

    My Last Newbie level solution for HTML/CSS only challenge.

    For the responsive effects on the header, I've implemented it via background positions and a dozen trial-and-error media queries. At first, I did try to implement the "splitting" image effect as the screen grows from a smaller viewport to a wider viewport but I messed up at flexbox.

    Question 1: How can I reduce my media queries in the implementation of my header section?

    Question 2: I do like the idea of responsive typography, Is the use of rem on my implementation of responsive typography better than the use of pixels? or does it really matter?

    Question 3: Overall, I feel like I have too many media queries. What can I do to refactor my media query code and improve the maintainability of my code?

    Your feedback will be of big help. Thank you. :)

    Responsive Design Using Vanilla CSS' clamp(), min(), and calc().

    2
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 3 years ago

    Hello John Rey,

    About your typography concern, it is highly encouraged that you use rems instead of pixels because pixels are absolute units, meaning they are fixed. Once the client sets to a different font size on the browser's settings, pixels simply won't follow. Also I find that using clamp() on the font size is a great idea, maybe I could use that technique as well. Btw great work, happy coding. :))

    1
  • Jay•695
    @JunjiequanSubmitted over 3 years ago

    This one was easier than I thought, there were no really challenging part.

    The only part that a little bit tricky was to reorder todo list with drag events where I referenced to MDN drag event.

    Some features I added:

    • localStorage
    • self entertaining stuff ( bgm, bgm button, dancing pic etc. )

    I'm open to any kinds of feedbacks and each feedback is very much appreciated.

    todo-app-main

    3
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 3 years ago

    Hello, everything works great. The only thing that bothers me is the checkbox, i can't access it when I press tab but overall it's functional. good work :))

    1
  • arnaud.outtier•450
    @arnaudouttierSubmitted over 3 years ago

    Hello,

    I would like to know if it is a good practice to have several css files depending on the screen size. In my case, a style.css file for mobile version and a 1134-style.css file for screens> 1134px. Actually have some css-media-query files.

    Thank you

    Css / Html / js

    2
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 3 years ago

    Your work looks great and neat! Regarding with css, I highly suggest that you use sass since it works the same with what you did, separating styles by parts but in sass, it compiles them into a single css file so your stylesheet would be organized. if you have no idea about it I highly recommend you to use it, everyone's using it. You did a great job in this challenge. :))

    0
  • Ron Paolo Toyhacao•165
    @rontoyhacaoPosted almost 4 years ago

    Love it! The visual looks good and exact to the design. I wish I could make a whole landing page like this. It's a great work.

    0