Charlie

Latest comments

• 

  P

  Mitali Shah•320

  @MitaliShahSubmitted about 1 year ago

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

  I learned sass and implemented this landing page.

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

  Positioning the hero image. I used flow layout as well as element for changing the image based on the screen width.

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

  I am open to any suggestions/feedback! Also, this is my first time implementing Sass. Any suggestions on how I can improve?

  Thank you!

  

  e-learning-landing-page using Sass

  #sass/scss

  1

  30
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  As always, all your submissions are spot on.

  It looks just perfect, well done! 😄

  1
• 

  Charlie•300

  @XarlizardSubmitted about 1 year ago

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

  .

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

  .

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

  .

  

  Responsive landing page using CSS Flex

  1

  40
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  Again, CSS is not showing properly on the showcase render; you can check the live version here and you'll notice it doesn't show any problems. 😄

  0
• 

  Charlie•300

  @XarlizardSubmitted about 1 year ago

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

  .

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

  :focus did the trick here.

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

  .

  

  Responsive landing page using CSS Flex and JS

  2

  50
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  Native nested CSS is not working properly until they upgrade the browser that runs on the background of frontendmentor for the showcases. It is working fine at my Github Page live version.

  0
• 

  Charlie•300

  @XarlizardSubmitted about 1 year ago

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

  .

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

  .

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

  Found no viable option to load JSON file from javascript without using FETCH or AXIOS and thus causing a CORS error on the browser (I had to convert the JSON file type to javascript .js to make it "work").

  

  Responsive landing page using CSS Flex and JS

  2

  30
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  Edit: Yep, turns out their internal browser is not updated to be compatible with the last CSS features, and they are working on implementing it;

  YOO why are fonts not correctly loading on this site's previews???😭

  Should I not nest my CSS elements within themselves / within parent elements?

  0
• 

  P

  Daniel 🛸•44,800

  @danielmrz-devSubmitted about 1 year ago

  

  Recipe Page built with SASS and BEM Notation

  #accessibility#bem#sass/scss#lighthouse

  2

  440
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  I cannot believe that I have spotted a tiny flaw on the code of our magnificent mentor, @danielmrz-dev! 🤩

  -Those unordered lists <ul> have their bullet color set by default as black, when they should be of that red-ish color, like the ordered list <ol> underneath

  Anyways, all of your submissions are really really spot on, good job man! 🙌

  Marked as helpful

  1
• 

  Charlie•300

  @XarlizardSubmitted about 1 year ago

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

  I added an animation whenever the text panels appear, although I would prefer it to be different and smoother when the new div(s) is appearing (proper animation should look like it is gradually enlarging instead of it just suddenly being expanded)

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

  Accessing CSS properties from an in-line javascript block within the html file. I was kinda lost accessing the DOM

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

  Improving the animation

  

  Responsive landing page using CSS Flex and JS

  1

  50
  

  Charlie•300

  @XarlizardPosted about 1 year ago

  <h1>'s font size is not showing properly on this page pre-render, but it is working fine on the live site. ¯_(ツ)_/¯

  0