when i went for a job in istanbul without preparation
they asked me for cv
so i said hey wait i want a networking website for my cv then he said when you feel ready
he gave me his facebook account
I'm looking at summer job opportunities with my university because I don't have any experience yet
and i should send him my cv when i feel ready
what is your major?
Linguistics lol
like ?
kind of wish I studied computer science more, but there's still time I think.
you learning languages or something
Linguistics = study of languages, yes
Also studying Spanish language and literature
so you have to know kinda several languages?
i see
how old are you
I have to study at least one language, yes. 21 now
well you are still younge
i think you can study both of them
if it isnt hard
School got very easy this semester, so I'm here more than I expected :)
but try not to study before exams only
or for exams only
what makes hardvard and oxford universities famous ? usually when someone graduated from there . People think that they are smart?
or consider them as smart
I think those schools are famous more because they have famous teachers and alumni
That sort of means the schools are good
I think they also have lots of money :) which helps
ohh so its also expensive
Yes, very expensive
they arent free universities?
No, they cost a lot of money to attend
if you are smart enough can you study without paying a cent ?
I think you can get financial aid, scholarships, etc if you apply for them and do well in school
im just dreaming of studying there one day
but it's just a dream lol
Good dream to have :)
yeah
just thinking about makes me happy :p
it*
Hi guys, I ran
npm uninstall yargs --save-dev and npm uninstall yargs but why I can still see yargs in node_modules folder? My npm is version 5.6.0.
@ehsansh yeah but you can use something like <adminUser></adminUser>? and the admin component will have the template for it.
@edgaryp Its gone from your packages, but it doesn't go out and delete the files in node_modules (as to my knowledge)
@bradtaniguchi does it mean I will need to manually delete it from node_modules folder?
@edgaryp Depends why you want to remove the dependency in the first place.
@bradtaniguchi because my app won't need yargs anymore
The only reason why youd uninstall it is to save disk space. You shouldn't of checked it into source(git) so removing it from package.json is really all you need when removing thigns.
@bradtaniguchi yeah but I want to remove it from local too?
Then go delete the folder in node_modules. I would be left to assume theres a flag when uninstalling the package to also remove it from node_modules, but Ive never heard or used it
@bradtaniguchi thanks man
np :D
Is there a backend equivalent to this channel?
Yes there is
I'm looking to get syntax/ES6 help, but my code is in the backend.
@dhavalveera Do you have the name of the channel.
here is one group
name as Developer
that is for Back-End
Thank you!
Welcome
:wave:
@gulsvi Hey thanks so much for your answer, the other guy who said it's likely something with my url gave me enough to play with. So you're saying when I add in no-repeat etc. etc. I need to use just the background tag
@gulsvi Thanks!
where's the cookie!
I think the cookies were only from the original group :question:
hi i need help
@1532j0004kg Ask away.
https://codepen.io/dinesh007/full/KQZERd/ in this course link is not working well
rather than other links are working good
Just click on the navbar tabs u can find
Okay, so this one is pretty ugly, any help on design work?
I need some suggestion
can anyone give me
ya ?
@markclynch how
@1532j0004kg I'm looking at my site design and it looks pretty bad to me, wondering if anyone can give critiques
some ideas as to beautify it
So what you are trying to built
and fix some problems, css wise. I'm pretty sure I went crazy and just kept swapping and switching padding
Just trying to build a website that I can show my friend, who has a business in finish carpentry (kinda a template) that he can add his own images to and make his own
and then I could put that in my portfolio
If you tell a specific problem it would be great
Sorry,
Let me look up the exact issues.
Ok one thing try to refer some website templates
Well, it's not "really" a template
It will helpfull to do your website
I'm just trying to make one
I want to make it from scratch
Ok thats what i am telling
I don't want to copy paste
try to refer some sites it will give u knowledge
I'm trying to build my first website from scratch
Ok thats good appreciated
So I should steal, or rather learn from existing sites that I like?
One thing is I can't get the 3 image contexts to get smaller
where
boxes section
I know I should likely use flexbox I think
and they have card forms
that would work better no?
I couldn't even get borders around them when I tried
you want to get the image in site ?
Not sure I understand your question
Here i cant view the image
ah
yes
where u have the image file
one second, let me try to change the images to http's
?
all on local atm
wait
can you go check at here?
Otherwise put them in global and give the full link
that ok? I did a github page
ya
now you can see how ugly it is
nothing really works
hehe
so you want to make the all image in equal size?
I'm not as concerned with that
I understand I have to work with the images more to do that
I think
I wanted to make them boxes, give them some dimention (i.e. drop shadows) etc.
and contain the text in each box
I just pulled pexels images for this
So can't control the size much, I did crop the door
I have Adobe.cc
May be try to give equal size to all image
so I have all
Yeah, that's a thing I can fix with the images themselves
and try to give the ''box-shadow'' maybe
it will fix your thing
I can't get a border around it
Something wrong in my setup
give border : in css
I did
it didn't take
Guys is there any site like codepen where I can upload my PHP and MySQL projects?
you want to give the border for bottom only ?
@BasithAbdul github
@BasithAbdul The only one that has a decent free option and doesn't make assumption on your stack (ie you need to use node.js) is Heroku.
Of course that's just a provider, so you need a place to host your DB as well :)
Of course that's just a provider, so you need a place to host your DB as well :)
Yeah, I just did my first push/pull requests the other day, now I feel like superman @BasithAbdul
@1532j0004kg I want to border each of the three items
@Marmiz Ya he need to secure the keys :smile:
@markclynch for bottom
?
tried border: 1px solid black;
i mean , You want to give the border for only bottom or for full images
@markclynch Ya it is correct
haha, sorry i lied, just remembered now the arguments
i didn't put the solid
:smile:
now it works
:clap:
good
but its ugly, can you look again?
guess it takes time to refresh when I push to github-pages
but u need to pull the changes to github
Ya right
it shows in my local server
but not on pages, and I did push, I wonder how much time to refresh
great
This message was deleted
Mar
the border lenghts are unequal, would you fix with a min height for boxes?
that seems like it'd go poorly with scalability for smaller screens though :(
If i see your pen it is helpfull to fix
oh, should I update the pen?
give the direct link
for images
ah.
hmmm.
No local images can't able to view in codepan
I know
codepen would update immediately
:+1:
aposed to the other github-pages one
bah, so annoying to get those images in right spots since I'm working locally
maybe I shouldn't have done that initially
stayed with HTMLS:// addy till I was ready to publish finished
@markclynch but will php run? As in does GitHub act as a server or does it just store files?
@markclynch you know, a way cleaner and faster way to prototype locally would have been creating your files and serving them locally from a local server (maybe with hot reload so you don't have to manually refresh the page each time you change something).
Then committing the relevant change to your branch / and updating the github page once you are sure those changes are there to stay :)
Then committing the relevant change to your branch / and updating the github page once you are sure those changes are there to stay :)
I have all of that
So that you have even a better commit history that just "added border" "changed padding" "new images"...
Easier to revert to previous version
Easier to revert to previous version
hi @Marmiz
can u fix my error
linking to the course is not showing the right place
click on the course tab it is not directed to righ place
@1532j0004kg it is, you are just not accounting for the height of the nav bar. Clicking will place the view at the "beginning" of the div.
In this case is just getting covered by the navbar height
In this case is just getting covered by the navbar height
ya how to fix
but for other tabs its working ?
@Marmiz Your right. I shouildn't be doing such small commits
@1532j0004kg because the other tabs have a higher "banner", so the sign is lower thus seems working :)
So can u fix this one
@1532j0004kg cleanest way to fix it is on click calculate the position - the height (+ margin) of the nav and send there :)
But I'm using vs. code and most of the small ones were only because I was trying to update small changes to my github-pages page so people could see here without me changing all the code links for the pics
If u put the code its easier
@1532j0004kg but it''s no good for you
ok i know
but how to send after calculating
https://codepen.io/maximkazionov/full/MGjPXX/
plz make a code review of my fcc tribute page
@1532j0004kg
scrollTo or any other helper from JQuery (there are a few) since you are using it
ok i will try to fix
Can GitHub act as server?
@BasithAbdul nope
it only hosts static pages
Is there any free option to host dynamic sites with a database?
@Marmiz what is the error name of my site?
@BasithAbdul glitch
@1532j0004kg "how to scroll to a position javascript"
or heroku
@1532j0004kg this is the vanilla JS method scrollTo
oik
happy coding :+1:
@Marmiz :smile: thanks
https://codepen.io/maximkazionov/full/MGjPXX/
plz make a code review;
how long does it take for github-pages to show the current codebase?
@1532j0004kg
@1532j0004kg thanks man
guys what do you think about
pug ? Is something that I need to learn/ or just to know the basics
@dbsimeonov I don't know how widespread its use is, but maybe a cursory understanding is all that is needed
react / angular / vuejs should be higher on the list of items to learn
react / angular / vuejs should be higher on the list of items to learn
How to read a word(.docx) file in angular or JavaScript
@tptynlr I think that there are libraries for handling word files in JS.
@sjames1958gm Thanks
Or maybe you could first convert those docx files to a simpler format, according to what you need to extract from the files (you probably do not need every feature the docx format supports), then a smaller js library would be enough to process that simpler format
@dbsimeonov you may enjoy these: :sparkles:
@markclynch Yes, that's correct.
background is a shorthand property. It allows you to set the background color, image, position, size, repeat, origin, clip, and attachment settings all in one line.
background-image, on the other hand, is only for the image, not any other background settings
which is the best course to learn nodejs from scratch
i am new to javascript
@kshtzsharma48 There are lots of node.js tutorials available here: https://nodeschool.io/#workshopper-list
thanks @gulsvi
That links to the core modules that give you a basic understanding of javascript and node.js related tools before fully diving in to node.js
scroll down for more node.js-specific stuff
ok
@fmartin5 I would agree with you about converting the docx files to a simpler format. I've worked a lot with office documents programatically, and it is always hellish to do anything with those documents. Convert to .csv, .txt, anything to get away from their format. The proprietary format will cause you a lot of grief other wise. I recently spent a month fighting Office, so I could work with xslt files; we eventually ended up moving to csv when we found out we had to have office installed on the production machine to be able to run the program on the server. No fun at all.
hi,
- I am new to js.
- I am trying to iterate grid columns and show the grid columns when I match the conditions.
- but when I show the columns again I am getting an error.
- I think problem is happening at this line console.log("totalDataDisplay grid.hideColumn(grid.columns[j].field);---->", grid.hideColumn(grid.columns[j].field));
- in the method ---> totalDataDisplay
- can you guys tell me how to fix.
- providing my relevant code and error below.
- my whole code I am providing in gist.
https://gist.github.com/niniyzni/258b7c6509767fa164b1a455cc8a2e16
resetColumns(grid) {
for (var i = 0; i < grid.options.columns.length; i++) {
var field = grid.options.columns[i].field;
for (var j = 0; j < grid.columns.length; j++) {
if (grid.columns[j].field == field) {
grid.reorderColumn(i, grid.columns[j]);
}
}
}
}
totalDataDisplay() {
let that = this;
let columnData = that.columns;
that.changeColsProperty();
let grid = this.gridkendo.getGrid();
let gridLen = grid.dataSource.data().length
let colLen = columnData.length;
for (let j = 3; j < grid.columns.length; j++) {
console.log("(totalDataDisplay grid.columns[j]---->", grid.columns[j]);
console.log("(totalDataDisplay grid.columns[j].field);---->", grid.columns[j].field);
console.log("totalDataDisplay grid.hideColumn(grid.columns[j].field);---->", grid.hideColumn(grid.columns[j].field));
grid.hideColumn(grid.columns[j].field);
}
for (var i = 0; i < colLen; i++) {
//Default ->true AND Visible -> true
//show in grid and hide in right click
if (columnData[i].default == true && columnData[i].visible == true) {
grid.showColumn(columnData[i].airingPropertyParms);
}
//Default ->true AND Visible -> False
//hide both grid and right click
if (columnData[i].default == true && columnData[i].visible == false) {
grid.hideColumn(columnData[i].airingPropertyParms);
}
//Default ->false AND Visible -> true
//show in grid and show in right click with checked items
if (columnData[i].default == false && columnData[i].visible == true) {
grid.showColumn(columnData[i].airingPropertyParms);
}
//Default ->false AND Visible -> False
//hide in grid, show in right click with unchecked items
if (columnData[i].default == false && columnData[i].visible == false) {
grid.hideColumn(columnData[i].airingPropertyParms);
}
}
}
hi guys im wondering whats wrong with my CSS for the social media icons footer.ul.social https://codepen.io/ohshi/pen/vRPPmv
@Ohshi60 what are you trying to get it to do?
the rule wasnt working, i changed it to ul.social and not it works :) but i still want the icons side by side. Im trying to recreate the footer from this page https://www.ujamii.com/jobs
not = now*
ul.social li {
// Changed the selector
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
margin-bottom: 40px;
// added this
display: inline;
}
@Ohshi60
@lydatech Thanks. If i may ask, why do i need to select the li element for display: inline to work? :)
you try to inline the ul it will make the whole ul inline not its children
ul is a container
Bonus question, do you know why the links dont work?
<i class="fa fa-github"></i>
<a href="https://github.com/ohshi60/"></a>
the a is empty
do
<a href="https://github.com/ohshi60/"><i class="fa fa-github"></i></a> putting the icon IN the link
youre a wizard, thanks :+1:
yw
@Ohshi60 you might want to add
.fa { padding-right: .5em; } to give your icons some breathing room
okay its updated and starting to look decent. any ideas on how to align my header and picture nicely? https://codepen.io/ohshi/pen/vRPPmv
@Ohshi60 PM me
Hey everyone, I am done with my intermediate Frontend projects for FCC. I am hosting them on Heroku, and wanted some feedback: https://nikameush-work.herokuapp.com/#/
I used mainly vuejs and express. Here is the link for the code, on a repo on GitHub:
https://github.com/kamatheuska/portafolio
hey guys, what do you think of my wiki viewer? https://amitp88.github.io/Wiki-Viewer/
@AmitP88 looks good, clean and fast
@NJM8 thank you! :)
@NJM8 I'll be applying for an entry level front end job soon, so I'm polishing up my projects
@NJM8 I've interviewed at this company before about 2 years ago, but I didn't pass their coding test. But back then my html, css skills weren't that good
@NJM8 do you think 3 solid projects is enough to put on a resume? or do I need more?
no idea, I think it's worth it to start applying so you get more of an idea of where your skills stand and get practice interviewing
Hi, can anybody help me figure out how to properly center my about-header text so it aligns with the other sections? https://codepen.io/ohshi/pen/vRPPmv
@NJM8 definitely
I might clean up one more project just to be safe
@kamatheuska Functionality is good, I think I would change some ui a bit, especially on the main project page. Great that you are using Vue, I just started learning myself for the backend projects, do you have a link to your code? I'd love to take a look if you are willing to share
hello. I was wondering how I can contain the y overflow such that scrolling is limited to the ul and no scroll bar appears in the main window: https://jsfiddle.net/90dLw6qw/
@Ohshi60 Do you mean your name and title? Your image takes up space so it pushes that content to the left, I would put the image in a separate div and use position absolute plus zindex to put it in the same place but 'above' the title div.
@zebralight do you mean you want no scroll? or just the ul to scroll and not the page?
@NJM8 the latter
while the ul would take up all the space available to it
@zebralight like this? https://jsfiddle.net/ktp4c6sz/
@NJM8 almost! Except that the ul would not have a hardcoded height but be more responsive using the rest of the space available to it,
I'm wondering if flexbox would be best for achieving this
to my knowledge if you don't specify a height it'll just expand with the content in it, I mean you can make that height responsive but it still needs to be there
@NJM8 Thanks for answering! https://github.com/kamatheuska/portafolio I alredy posted the link upabove, but here is it again. I use nodejs and express for the backend!
About the main page, that one is by no means ready. I haven't worked at all on it! I wanted to finish the projects first :)
are you using vue cli? can't read any of that. haha
@NJM8 i tried the z-index method, but the picture is overlapping with my about-summary, any ideas? https://codepen.io/ohshi/pen/vRPPmv
@NJM8 yes I am :) with webpack
vuex and vue-router....should I have some kind of disclaimer saying that I am using Vue? :O
@Ohshi60 Yes, so right now since you took the image out of the flow of the page with position:absolute, it doesn't take up space, it resides in it's own space, so that div that holds your name and title is shorter, so make it taller by specifying some height, or decrease the width of that div so that the text is narrower, if you do that use margin:o auto to center the div on the page, lastly I would wrap the entire page in a bootstrap container (div class="container") around everything so that the page is narrower than the viewport and doesn't have any x scroll
@kamatheuska no I was just commenting that all the code has been minified so it's not very readable on github, good work, I hope to use all that soon, just starting with Vue, here is my first project: https://www.natethedev.com/FocusedTodo/
hi,
- I am new to jquery.
- when ever I edit the check boxes I need to show the timeGrad1 image in editImage column.
- right now if I edit checkbox in third column image shows after that if I edit the checkbox in sixth column the image diappears.
- but the image should stay permanent if I edit in both the the columns.
- similarly it should happen for the drop down menu too.
- can you tell me how to fix.so that in future I will fix it by myself.
- providing my code below
$(document).on('change', '#sixthColumnCheck', function() {
if (this.checked) {
alert("if I am inside sixth column");
$(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
var returnVal = confirm("Are you sure?");
$(this).prop("checked", returnVal);
} else {
alert("else I am inside sixth column");
$(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
}
});
//thirdColumnCheckGrid
$(document).on('change', '#thirdColumnCheckGrid', function() {
if (this.checked) {
alert("if I am inside third column");
$(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
var returnVal = confirm("Are you sure?");
$(this).prop("checked", returnVal);
} else {
alert("else I am inside third column");
$(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
}
});
I plan to learn the ecosystem and use the MEVN stack to build all my backend apps
anyone here experience in codeignitor?
have a very silly doubt :P
@NJM8 when you say wrap the page in a container, should i do it for the whole body including my nav and footer tags?
yup, it'll keep all your content inside the viewport and not make things too wide, I think bootstrap containers are 80% width, but you could customize it.
<body>
<div class="container">
<!-- all other content -->
</div>
</body>
there we go
i guess jquery script in bottom of my body doesnt matter
nope, that can be outside
@rajataudichya no idea what that is
@NJM8 What can you tell me about my code
@NJM8 And about whole tribute page)
How do I get the front end certificate ?
I have finished all challenges
and claimed it
Congratulations! We've added your Front End Development Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.
What portfolio ?
@wadie go to your FCC Profile page where you see your soultions you can download your certificate there.
found it
yay
great job wadie
Thanks!
Thanks @mstellaluna
no more cookie bot ?
haven't been here in a while..
i haven't noticed tbh
hehe
:)
I'm glad gitter isn't as active
the forums are a better idea
to keep all the info and support in one place
@MaximKazionov i would make the text a bit larger, it's hard to read with those colors, but larger will make it clearer, then I think you could add some content, maybe a few more paragraphs and pictures? Or find something interesting to highlight about the breed like GSD's in pop culture or famous movies.
I pulled a ton of information from wikipedia for my tribute page
@NJM8 Thank you, and what is about my code?
@MaximKazionov looks good, clean and well organized, good use of html5 tags
I found a way to get scrolling to only apply to a deeply nested ul without specifying height of that ul, The thing is, my solution, involves setting height to 100vh on the outermost element (body) and then apply display: flex and flex-direction: column to every child from that element until I reach the nested ul. The thing is, I'm trying to do this in React, which involves creating some divs that are simply used by React and not by me and thus isn't styled. And this happens along the way from body to the deeply nested ul. I was wondering how else I can attain the behavior I'm looking for. I have a current jsfidddle that illustrates this a bit: https://jsfiddle.net/90dLw6qw/2/
Hey there!
@NJM8 Thank you for this review, it's very kind from you)
Does anybody know how i can achieve the "outline" effect of the navbar on this website. Ive tried inspecting it but i cant figure out how its done. https://www.ujamii.com/jobs
@Ohshi60
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2)
@zebralight thanks friend :+1:
@NJM8 I think you maybe looked on the
dist folder. If you look on src you will see all the code relevant to the components, store and such. I should write a better README hehe. Here is an example! https://github.com/kamatheuska/portafolio/blob/master/src/components/rqmachine/RQMachine.vue
Hey Guys,
Small Question
Let's say I have these two arrays
const x = ['a', 'b', 'c'];
const y = [
{
name: 'A',
slug: 'a',
},
{
name: 'B',
slug: 'b',
},
{
name: 'C',
slug: 'c',
},
{
name: 'D',
slug: 'd',
},
{
name: 'E',
slug: 'e',
},
{
name: 'F',
slug: 'f',
},
];Now I want to make this below from x and y. Please recommend a ES6 way for same?
const z = {
{
name: 'A',
slug: 'a',
},
{
name: 'B',
slug: 'b',
},
{
name: 'C',
slug: 'c',
},
};Hope I am specific!
@IamManchanda I'm not seeing how you arrived at
z from combining x and y. It seems that z is the first three objects of y. Also, z is invalid syntax - the outermost curly braces need to be brackets [] to make it an array of objects or the series of objects need to be a value of another property.
oh sorry
const z = [
{
name: 'A',
slug: 'a',
},
{
name: 'B',
slug: 'b',
},
{
name: 'C',
slug: 'c',
},
];
I want to lookup from .slug
That syntax mistake . was by mistake ... pardon
@IamManchanda - what have you tried for this solution?
I want to somehow filter that if
then add that in Z array @gulsvi
itemOfY.slug === itemOfXthen add that in Z array @gulsvi
@IamManchanda - you could use
.filter() and .indexOf() - it seems like a pretty straightforward problem?
@khaduch Can you explain ??
@IamManchanda - do you know the array method
.filter()? if you write a line of code y.filter( val => console.log(val)); - it doesn't really make sense, but it should display each of the values in the array y. It shows that the .filter() iterates over each of the array elements, so you see each one individually. Then instead of console.log(val); you need to devise a method to test that the slug of each element is contained in the x array.
mdn.io/includes might help too
@moigithub - good suggestion - I forget about
.includes()... :)
I think a for...in loop would make this simpler. No need for any ES6-specific methods
const z = [];
for (const key in y) {
if (y[key].slug == x[key]) {
z.push({
name: y[key].slug.toUpperCase(),
slug: y[key].slug
});
}
}
but I guess you could start playing around Object.entries() ?
filter and includes is a one-liner... and he asked for an ES6 way.
hey guys
I solved it
Thanks for help @khaduch
@IamManchanda - you're welcome, and
const z = y.filter( obj => x.includes(obj.slug) ); is what I came up with.
oh i see :) ... that's better I guess ... let me try in my orignal code i am working on ... :)
oh yeah works the same :)
The one line from @khaduch will be faster than yours @IamManchanda because .includes() is quicker than .find(). The for...in loop I wrote above is faster than both.
cool using that :)
But sometimes faster code means more lines :)
here, two lines lol
const z = [];
for (const key in y) if (y[key].slug == x[key]) z.push(y[key]);
@gulsvi - but your code only works if the alphabetical ordering of the
x and y values is preserved? I guess that isn't stated in the "problem" - just going by the data as given, it works.
@khaduch Correct, could make a less efficient version if we can't guarantee x will be ordered as needed:
const z = [];
for (const key in y) if (x.includes(y[key].slug)) z.push(y[key]);
@gulsvi are you looking for mapping the keys of an object?
Iam was looking more at filtering them into another array @estebanborai
Object.keys({ foo: 'bar' });
@gulsvi - so how does the efficiency of your less efficient version compare to the
.filter() method?
@khaduch I think it depends on the browser implementation of .filter() - in theory though a for loop + push would be similar to a .filter() at O(n). I don't know the auxiliary space complexity though - maybe uses more/less memory.
Mmm
Hello! I am currently working on FCC Twitch API project. I am trying to bring information of freecodecamp channel from Twitch server. I am using my own client ID i made for the purpose. But it seems that the server can not recognize my client ID. Is my URL format is wrong? Any advice will be appreciated :) thank you for your time and attention!
Like filter the keys of an object into another object but through object keys then filter then a new object with the filtered keys?
@Amasian looks like you are not specifying the clientId
Maybe you should check the URL syntax
In the "My Expertise" section, the font-awesome icons have a custom css rule "large-icon" that doesnt get applied. But in my local copy of the website it DOES work. Any pointers? https://codepen.io/ohshi/pen/vRPPmv
@Ohshi60
adding
adding
.large-icon {
font-size: 32px !important; got it running on codepen for me
@estebanborai thank you for your reply!
You welcome!
@gulsvi Hmm, but that defeats the point of me having a large-icon class. And im still confused about why it works locally :smile:
@Ohshi60 My apologies, I should have looked closer. Codepen requires your <head> content to go in settings -> HTML -> stuff for <head>
Put all your <head> content in there and it will work the same as it does for you locally
@Ohshi60 maybe is your FA version.
@gulsvi That did it, and no need to apologize. I appreciate it.
Glad it helped!
Last thing i want to fix is the horizontal scroll. I have wrapped my body in a container class, which i thought i did to prevent this issue?
I found the issue, i have to wrap my rows in either container or container-fluid for it to work properly