Skip to content
OverviewSolutions
6
Comments
4
Spencer Rafada
@spencer-rafada

All comments

  • Spencer Rafada•130
    @spencer-rafadaPosted about 2 years ago

    Hello Umang,

    Good job on the project! I'm not entirely sure what you want to make it faster, but I suggest to keep practicing and working on challenges here in FEM if you are asking how you can finish the project faster. This is a small thing, but try looking into BEM notation when writing your CSS selectors and this will help with bigger projects. Here is a great resource: https://getbem.com/

    I hope this helps!

    0
  • Gilberto•20
    @ribasgilSubmitted about 2 years ago

    Hi, this is my second project all by myself. I've been studying html/css/js alone for 2 weeks now. Today I realized that I still have a long way to go, even looking at code from other devs I was not able to make mobile responsiveness work at all. It's going to be a rough road, but I won't stop now. When I have enough knowledge, I'll come back to finish the project, thank you.

    Product preview card component just html and css

    2
    Spencer Rafada•130
    @spencer-rafadaPosted about 2 years ago

    Hello,

    I'm happy you got to this point on the project despite having 2 weeks of knowledge only. I suggest to keep practicing the challenges here in FEM and they will help you a lot. Also, don't be afraid to google search, but don't google search the solution. Google search the process that you want to achieve and try to implement it on the problem.

    I use @media queries to set conditions for interactiveness when I am designing for mobile. Here is a great resource about media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries.

    I hope this helps and keep working hard!

    Marked as helpful
    1
  • Richard P.•30
    @Richard-PassosSubmitted about 2 years ago

    I'm new at developtment and i am having difficult at responsivines, i will do like to know if the responsivines is good or something is breaking or to big, and if the general code is good too. Thanks for the time :D

    HTML, CSS, JS

    1
    Spencer Rafada•130
    @spencer-rafadaPosted about 2 years ago

    Hello Richard,

    I am also new in regards to front end. The responsiveness of your project is good. You might have forgotten about the image changing whenever you meet the max-width of the media query. Here is a documentation I found useful when changing image for interactiveness: https://stackoverflow.com/questions/27853884/media-queries-and-image-swapping. Also, I suggest in regards to general code to look into BEM notation when naming classes for CSS selectors. Good job!

    Marked as helpful
    0
  • Spencer Rafada•130
    @spencer-rafadaPosted about 2 years ago

    Hello Faith,

    I suggest using BEM notation for the naming convention of the CSS classes. I learned this from one of my feedbacks here in FEM. Also, I think you should explore on learning CSS Grids for setting up the layouts of the view. It is a lot easier to line up all of the components with CSS Grids. I found this trick for using CSS and HTML only for the interactivity of the image depending on the screen size. https://stackoverflow.com/questions/27853884/media-queries-and-image-swapping

    Overall, keep learning and practicing!

    Marked as helpful
    0