AMaraza

Latest comments

• 

  free-care•50

  @free-careSubmitted 23 days ago

  

  Responsive Landing Page using CSS

  1

  10
  

  AMaraza•40

  @AMarazaPosted 23 days ago

  When hovering over the text to make it yellow, even without a link you can change the cursor to be a pointer by using the cursor: pointer property.

  Marked as helpful

  1
• 

  P

  Andrew A Lee•200

  @drewleeSubmitted 23 days ago

  What are you most proud of, and what would you do differently next time?

  I was pleasantly surprised at the ease that CSS Flexbox allows for laying out elements. I transitioned away from web development right around the time when Flexbox and Grid were becoming standardized. I'm mostly familiar with the excruciating pain points and hacks we web developers endured before these modern layout techniques were available. I'm glad those are now a past relic and am proud of having learned how to leverage Flexbox sufficiently. I'm still in the process of catching up with modern CSS methodologies and would incorporate more of these best practices on my next project.

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

  The biggest pain points were encountered with setting up the project with NPM and Github. I wanted sufficient safeguards for my projects and have included Prettier, ESLint, and Stylelint for HTML, CSS, and JS checks. In particular, the ESLint configuration setup has recently changed to a "flat" configuration, which took some time to determine the optimal setup for. I overcame the issues mostly with trial and error and by inspecting the config objects as well as by leveraging the CLI --inspect-config tool.

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

  Mostly ensuring that I am following modern conventions and best practices for authoring HTML and CSS code.

  

  QR Code Component

  1

  30
  

  AMaraza•40

  @AMarazaPosted 23 days ago

  Overall this is a very clean and accurate result with not much to critique.

  I might suggest using more combinators within your style sheet instead of relying solely on class elements.

  For example: .qr-card-container p would target every paragraph within your qr card container. Or you could write .qr-card-container .qr-card-caption to specifically target everything with the class qr-card-caption within qr-card-container.

  0