Skip to content
OverviewSolutions
10
Comments
10
P

Francisco Javier Marin Ascenso

@Franciscoj91Santiago, Chile200 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

View more solutions

Latest comments

  • Olamilekan Owolemi•170
    @nakelcodeSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    This took me few hours to achieve which shows that i'm really getting better with my javascript skills. I know it isn't looking exactly i hope it will be, I still need to tweak the code a bit to achieve this completely

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

    I noticed that i still need to get better with my javascript skills, so i planned to work on as many javascript and DOM manipulation classwork hoping it will help me overcome the barrier i'm facing with my javascript skill

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

    The hover active buttons. The hover buttons seems like gradient color when hovered but i tried to do it and i could not achieve it so i will appreciate if y'all could check my code out and tell me the best way to achieve it

    Created this sign up page Using HTML, CSS, and Javascript

    1
    P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted about 1 month ago

    Hello.

    For the button's gradient, you can use the linear-gradient() function in the background property. Look for the documentation so you can see how to use it.

    I recommend that you review the flow of the challenge, you should not be able to access the success page if you do not enter the email with the correct format, I carried out this validation with REGEX.

    Keep practicing and improving.

    Marked as helpful
    1
  • P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted 2 months ago

    Great work.

    Responsiveness looks good.

    Use relative measurements instead of px.

    Try to add transitions effects with css when the active class toggle.

    0
  • P
    Josh Kahlbaugh•380
    @Joshk7Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I decided to start this project by initializing it with React because I saw components in the Figma file and thought it would help to break it up into components. However, that was overkill for this challenge.

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

    I big challenge I encountered was how to display the main hero banner, header text content, and left and right images at full widths. I initially tried to use flexbox but ran into trouble because the items would get squished in smaller viewport ranges.

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

    I'd like help with the bottom footer image. I added media attributes and source tags for different screen sizes, but I'm not positive if I forgot a height or width attribute and whether that's necessary or not.

    Responsive meet landing page using CSS Grid and React

    #react#pure-css
    1
    P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted 3 months ago

    Nice work.

    I didn't see any technical details that require fixing.

    Component 01 seems to be out of alignment with component 02.

    Congrats.

    0
  • P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted 4 months ago

    I really liked how you arranged the elements in the medium size.

    I would fix the colors of the texts so that they are as in the design.

    The cards have a shadow that you can create using the box-shadow property, try it if you haven't used it.

    0
  • tushar-Ruhela•260
    @tushar-RuhelaSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    most proud thing in this project made this project more attractive and responsive also next time i will focus on create more attractive project

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

    challenges shoud come in between like create desgin with the help of grid and make font urgestment but i will overcome them by learning this things,

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

    the area should be gird continer creating when we create desgin with grid we should take care of size of column or row

    four-card-section using css grid

    #cube-css
    1
    P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted 4 months ago

    Very good work, I would recommend you improve your solution using relative values ​​instead of px, take time on the small details.

    Congratulations.

    0
  • P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted 7 months ago

    Very good work.

    I recommend changing the div tags for HTML semantic tags, whatever you can.

    You should not use a <p> tag for the Add to cart button. You can use a <button>, <a> or <div> tag.

    Congratulations.

    Marked as helpful
    0
View more comments