All solutions

Hey y'all, this is the first time I used react so I want to make it as simple as possible, this is it If there is any complications, errors or anything (which it will have when you first start off something) please let me know

This challenge took a while because I was doing this while also working on a bunch of school exams Nevertheless I enjoyed this challenge, I made some changes to the header nav to make the hover more noticeable and whatnot

I did a landing page just like this one prior, it was an Awaytravels clone so I think by making that the cloned website first I had more experience to deal with this one

I didn't pay much attention to accessibility so there might be an issue there, if there is any problem please notify me so I can improve.

I don't really have any question about this challenge itself, just an off topic question

I'm currently learning more and more about web design, getting to know JS more and more and planning to move onto a framework. But I want to try my hand at working for reals and get some experience working with a team, I have heard that open source projects are usually the go to for beginners like me, but I'm not sure. Is there any resources that can help me on getting experience working with a team out there? Any help is greatly appreciated

I don't think it was in the requirements to make it respond to your windows\phone theme but it was a thing that I wanted to try out so I did

Also tested out making a button specifically for accessibility reasons (don't know how useful it might be for a non-sight user to have a dedicated theme switcher, but accessibility was one of the things that I wanted to learn aswell)

If there is any issues about wrapping <section> in the <a> element, I did that as a quick fix and didn't really think too much about it

I had some difficulties with the toggle button because this was my first time making one of them, was really satisfied with the final result

Any problem that you encountered in this solution please tell me so I can improve upon it, any criticism is appreciated

This project raised a bunch of questions I wanted to ask

I was wondering what's the difference between srcset image loading and css background url loading

I read a bunch of articles and videos on this subject but can't seem to find an answer to it

If you have a background url in your mobile and desktop versions, would the website load the mobile image and the desktop image if you were using a computer or a phone?

I know this might seems like a dumb question but I was wondering about it when I first started this challenge and it kind of derailed me into asking this question

is it better if I use html's srcset instead of css's background url?

Again thanks for looking at my solution and thanks for the advice in advance

Take care!

This is just a redo of the very first challenge that I did

I thought that by doing a past challenge after some time of not actually coding much would warm me up to it again

It also counts as a good way for me to reflect on how much I have improved as a coder

This project was the bane of my existence when I first started doing challenges lmao..

now I am somewhat better and it kind of reflects here

although I don't think I nailed the design

still don't get what color they use for the image filter, so I just use the soft violet for the filter

I still fumble a bit when doing this challenge, like it took me about a minute or two to remember a concept, it's either me just starting to remember what I have learnt before or I'm still clumsy and sluggish as a programmer

nevertheless I see the progress in this attempt so that's good enough for me

I went on hiatus for a little while, wasn't able to code for like a month straight, I have a general question

How do you guys keep focus on making these projects, I know I have been having problems staying focused on doing challenges because I have to do this while in the mist of learning javascript, my previous challenge drive me mad because I couldn't figure out the javascript, which lead to me looking for tutorials and just not code for a period of time, maybe I'm just not used to the frustrations that comes with learning a new language, I know a bit of c++ so seeing JS looking somewhat similar to c++ makes me think it's the same, only afterwards do I found out about ES6, inbuilt functions and what not, all of it was just too much for me at the time

Currently I am doing codewar problems and challenges in here as well, I think that's a good way to minmax my learning, codewar so I could question and google the fundamentals of JS and frontend mentor so I could perfect my html and css even more

This challenge gave me quite the trouble when it comes to javascript haha

When I first started this project it was nearly a month ago, I got tired of javascript and decided to went on a little break reading documentations, books and watch tutorials on javascript, all of it didn't make me understand javascript better, Only after about 21 days I did some codewar problems that I finally understood and grasp how javascript works a little better than before

With the project itself I find that in chrome there is this weird thing where the discount buttons seems to be stretched and I don't know why

Any advice on my project is appreciated, thank you in advance

I feel like I did pretty good this challenge, although if there is any issue please tell me

I am very much new to all this so any help is appreciated

I am still a noob at javascript so most of the code in here are copied and repurposed for this challenge

I am trying to learn more of javascript but I am having a hard time doing so, mostly because of how different it is from just learning html and css

Do you guys have any tips for newbies of javascript? Any is appreciated

I really had a hard time learning JS in this one, and I made it somewhat responsive using vw and whatnot

I am wondering about how does chrome works compared to firefox, Because when I test my code I usually use firefox instead of chrome, the solution I made looks completely fine on firefox but it's off in mobile view chrome

I didn't know how to add the small @ box without messing with the hidden overflow so I just benched it and took care of the JS, also it's my first time actually writing JS without a tutorials so It might be a little sloppy

I had a problem with directories for like 4 days straight and couldn't get the background images to work, so I submit this a little late

I might have some semantic errors and what not, If so please notify me, I'm not good when it comes to semantics, it's been like 4 projects now and I still have the same errors lmao....

This got pretty sloppy at the end since the desktop and mobile ver have different fonts, margins and everything

Also this was a good challenge since I'm not good at grid at all

Any criticism is welcome, I want to learn as much as I can from mistakes that I have made.

I had a hard time nailing the exact design of the card's border-top, mine curved with the card but the one in the design doesn't do that, so I'm a little puzzled by that

The first time I uploaded this challenge's solution I actually uploaded the 3 column preview card challenge by mistake lmao.....

At the final stretch of this project I got stuck figuring out how to stop the comment card from overflowing to the left, Finally I realized that I need to set the minimum width for it to not overflow.

Off topic question but, how much HTML and CSS(and maybe SCSS) do you need to know before learning javascript? Right now the tradeschool I am attending is teaching javascript and I am still very sloppy when it comes to HTML and CSS, so idk if I am ready for javascript just yet

This is my first time using SCSS so it might be a little sloppy, and I am a baby when it comes to github repositories so excuse my sloppy solution to HTML directory links not working

I'm still getting into making art with css

so I didn't implement the background circles, I was wondering how one would start getting in doing css art, cause right now the most I know about is flex and grid lmao.....