All comments

• 

  Eduardo Tejeda• 20

  @eduardotejeda

  Submitted over 1 year ago

  Went started to learn the tools, CSS has too many options or ways to do the same thing. I wasted a lot of time selecting "the best" way to do something simple.

  Who do you choose the way to move forward without overthinking?

  Which areas of your code are you unsure of? box-sizing: border-box;

  Live Server extension on VSCode helps a lot to speed up the process. Are there any other tools that help to preview the results faster and better on multiple devices?

  

  QR code page using grid

  2

  70

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  You can check out your web browser's Web Developer Tools if you haven't tried that. There's an option there to toggle Responsive Design Mode. From there, there's lot of device screen resolutions you can choose to see mobile/tablet/desktop previews. Here's how

  Marked as helpful

  1
• 

  Stefano• 250

  @stefanovidmar2005

  Submitted over 1 year ago

  Feedback Much Appreciated :

  Resolutions on this project: first time using a JSON API so I had to do some research on how to use the fetch function in JavaScript but in the end was able to complete it.

  still have not reached this method in my JS course but i still thought it would be a good try to research and figure out my own way of solving this problem. 🚀🚀🚀

  

  Advice Generator Webpage 🟢

  1

  80

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  Great stuff! Works real nice, you nailed it with your effort. Research and test- to tackle the 'unknown', our developer way. 🔥

  1

  This comment has received 1 replyShow
• 

  R Hayes• 240

  @ryanthayes

  Submitted over 1 year ago

  For the clock icon before 3 days left, I can't figure out how to align it vertically with the "3 days left" text.

  

  NFT Card Component with flex and ::before/::after overlay

  2

  70

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  I think for the .time class, you could either try to add display: 'flex' and align-items: 'center', or adjust a bit of top padding or margin for .time::before. I'd test it myself first, but I'm yet to be back at home on my PC.

  Marked as helpful

  0
• 

  Ian• 310

  @ianbuen

  Submitted over 1 year ago

  

  REST Countries API | NextJS, TailwindCSS

  2

  40

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  Attribute "loading" not allowed on element "img" at this point.

  NextJS <Image> component features lazy loading (loading="lazy") that results to these 'errors' picked up by the HTML validator.

  I added a back-to-top button and infinite scrolling. It's also my first time to use Tailwind-CSS. I usually use custom CSS or SASS. Might be messy.

  0
• 

  Ian• 310

  @ianbuen

  Submitted over 1 year ago

  

  Results summary component | Sass, Grid, React

  1

  30

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  Might be overkill to use NextJS but I wanna become natural at it by keep using it. Also, trying to resolve Attribute "loading" not allowed on element "img" at this point.. The <img> tags are enclosed by <Image> tags of 'next/image'. So I'm not pretty sure how to fix that. Feedback on how to solve that would be appreciated.

  1
• 

  Ian• 310

  @ianbuen

  Submitted over 1 year ago

  

  Expenses chart component | React, Sass, JSON data

  1

  20

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  • Tweaked sizing to make screenshots match much closer
  • Also fixed the highlighted current day of the week
    • Before: checked indices of data.json against the value of Date.getDay()
    • After: compared data vs 'current' day strings, using Intl.DateTimeFormat

  0
• 

  Ian• 310

  @ianbuen

  Submitted over 1 year ago

  

  Notifications page | React, Sass

  1

  20

  

  Ian• 310

  @ianbuen

  Posted over 1 year ago

  Small tweaks to the sizing and text styles, to follow.

  0