Skip to content
OverviewSolutions
2
Comments
3
P
mananqayasdev
@mananqayasdev

All comments

  • Vetle Limbodal•40
    @vlimboSubmitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    The only real challenge I faced with this project was getting the "main" div to center in the body, not sure how to center them other than using padding or flexbox. The main problem however was getting the transitions like in the example to be so smooth and responsive. My button background-color change are so unresponsive in comparison to the solution. Is it because I'm using the button property, or is it something else? I don't think its the transition speed either, because that matches pretty good, its just that they are not as responsive.

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

    Getting responsive buttons

    CSS flexbox, CSS transition, HTML button, CSS border-radius

    2
    mananqayasdev•50
    @mananqayasdevPosted 2 months ago

    The design looks good, you can use align-items center to position the container in the center of screen. Also the Jessica Randall should be bold.

    Use relative units for fonts and spacing, use rem for font sizes and spacings. Use unit less for line heights.

    Marked as helpful
    0
  • mananqayasdev•50
    @mananqayasdevPosted 2 months ago

    I used flexbox layout system to orange composition of this project.

    I also implemented Accessible best practices for screen readers.

    Code is well structured and multiple developers can collaborate on it.

    0
  • Michael Joshua Vargas•10
    @mjoshua97241Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I finished it, although it took me some time but next time I will look into tools to help me build it faster.

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

    The challenge did I encounter is to get the measurements right but I overcome it using Figma software.

    QR code component

    1
    mananqayasdev•50
    @mananqayasdevPosted 2 months ago

    The solution is developed with accessibility in mind as it is important for compliance and user interactions.

    Layout is 100% responsive for all screen sizes.

    Code is very well structured with consistent naming conventions.

    0