Chris

Latest comments

• 

  Louis Alphand•1,560

  @alphandlouisSubmitted over 1 year ago

  

  ip-address-tracker-master

  1

  00
  

  Chris•410

  @cbserraPosted over 1 year ago

  I'm unable to get the map to load in any scenario. On initial page load, I receive these errors in the console (Chrome Canary browser):

  ajax.js:143 
         GET https://api.mapbox.com/styles/v1/daniel-gp/ckqtg9brz5axa18qs0ic1dhdo?access_token=pk.eyJ1IjoiZGFuaWVsLWdwIiwiYSI6ImNrcXRmNXliYzA3bTIycHA4c2pycjNyeXQifQ.mTaMRpxwC6qtPk1-VefRJQ 401 (Unauthorized)
  u @ ajax.js:143
  (anonymous) @ ajax.js:185
  At @ ajax.js:241
  t.getJSON @ ajax.js:252
  loadURL @ style.js:253
  _updateStyle @ map.js:1420
  setStyle @ map.js:1395
  Map @ map.js:511
  (anonymous) @ map.js:2
  
  evented.js:149 
            Error: Unauthorized: you may have provided an invalid Mapbox access token. See https://www.mapbox.com/api-documentation/#access-tokens-and-token-scopes
      at ajax.js:149:33
  

  0
• 

  Chris•410

  @cbserraSubmitted over 1 year ago

  

  IP Tracker with React, TailwindCSS, Axios, and Multi-API WIP

  #axios#react#tailwind-css

  1

  30
  

  Chris•410

  @cbserraPosted over 1 year ago

  Boo -- latest solution wont load quickly enough for snapshot tool to capture the loaded site

  0
• 

  Andrej Saule•70

  @ajsauleSubmitted over 2 years ago

  

  Responsive password generator using React, SCSS & TypeScript

  #react#sass/scss#typescript

  1

  60
  

  Chris•410

  @cbserraPosted over 2 years ago

  So I was feeling a little ambitious (or just avoiding my own work) and mocked up an idea for your tool. You can check it out here:

  https://codepen.io/cbserra/pen/RwyqpVW

  JS wasn't added, so just CSS design purposes:

  Figured maybe you could have a menu at the top to toggle between Password Generation and Password Analysis for a user's own password.

  I updated the sections you added to match the Strength box.

  Let me know your thoughts!

  Marked as helpful

  1
• 

  Emeghiebo Chizoba•250

  @chizobaemeghieboSubmitted over 2 years ago

  

  Responsive landing page using CSS Gris, Flexbox and drop down with js

  1

  40
  

  Chris•410

  @cbserraPosted over 2 years ago

  • You’re Missing the challenge’s font. Do you know how to retrieve them?
  • also, according to the validation reports, you’re placing invalid HTML elements in patents elements which don’t support them:

  e.g. <div> cannot be placed in <ul>/<ol> elements — only <li> elements are allowed. Also, <li> elements must be in <ul>/<ol> tags — they cannot exist outside of list elements

  Marked as helpful

  0
• 

  Bharath Manjunath•20

  @BharathBhatta20Submitted over 2 years ago

  

  Product Preview Card using CSS flex box

  #contentful#cube-css#materialize-css

  3

  30
  

  Chris•410

  @cbserraPosted over 2 years ago

  You could use the <picture> element, which allows you to specify @media queries for image sources.

  Also, I found it easier and cleaner to develop my layout for mobile -- so the default CSS is targeting a mobile layout. That way, I only need a media query for additional breakpoints I will support. It looks like there's a large range between your breakpoints -- you have one for max-width of 541px and the other one is for min-width of over 1000px -- which leaves both images visible for at least one breakpoint between the two you support.

  1
• 

  hade allaila•30

  @hade963Submitted almost 3 years ago

  

  Css html javascript

  #fetch

  1

  30
  

  Chris•410

  @cbserraPosted almost 3 years ago

  When I did this challenge, I added the illustrator image as an img and not a background. I used flexbox: for desktop, it followed the default flex-direction: row, and for mobile, I changed that to flex-direction: column-reverse so the image would appear first.

  0