Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Log in with GitHub
OverviewSolutions14Comments22

All comments

  • P
    BigDaddyFlo• 570

    @FloRiouffreyt

    Submitted

    I spent so much time on this one! I decided to try and code it with React and React Router, and it was very difficult. But I learned a lot and it was a great exercise. I still have a problem, you cannot refresh the pages, but it seems to be a problem between Github pages and React "BrowserRouter" method. I followed a tutorial with a 404 custom page that worked for everyone but me, it seems. I gave up trying to fix this, sorry... All around, very difficult, would have been muuuuch easier with vanilla JS HTML and CSS, but it was a good learning experience. I hope it works well!

    Space tourism website - REACT JSX CSS

    #react

    2

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Good project, it looks great. Same boat here, though I have not done this project yet, but for other projects I have tried when refresh I get an error. I tried fixing it too but could not find anything. If you do get anything please share 🥲. Other than that the project looks good and ver responsive. Nice work.

    Marked as helpful

    1
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Look pretty good.

    0
  • Divine Charles• 60

    @vineyy17

    Submitted

    ** PROJECT GOAL I decided to complete the whole of this project with flexbox to build on my flexbox skills. Generally, it came out better than I planned as I learnt alot and was able to complete the general project layout and make it responsive.

    ** UNCERTAINTIES Inasmuch as the project looks very responsive on the browser dev tools and when the window is resized on pc, for the some reason, the images that show up on the phone landscape view are meant for larger screens as specified in the html.

    ** CONCLUSION This project allowed me to build on my flexbox skills so I'd really call it a success and things would only get better from here.

    Responsive loopstudios landing page completed with flexbox.

    #sass/scss#animation

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Good project, Very responsive.

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Good project. Very responsive, good on MOBILE and 4K

    1
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Good project, but not very responsive. When I go to 4K and mobile view they seem to be a blank-white space to the right. I've never used VUE before just REACT. Good work though

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Good project very responsive, didn't catch any issue. I see from your GitHub, you recently started committing more I don't know how much experience you have with HTML and CSS but I would recommend using more js in your project to build apps, especially for a project like this you can put all the information into a JSON and use that data to display to the DOM.

    1
  • Carlos Rodríguez• 30

    @CarlosRMx

    Submitted

    I enjoyed this challenge because I used many topics to solve it, like css-Grid and FlexBox. the most difficul part to develop was the images so I had to change my code many times.

    I'm not sure with some parts in each page, and Also I modified some styles, please if you check my project you will give me some feedback to improve my skills

    Responsive LandingPage about SpaceTourism

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    The project is good and very responsive, I would fix some small things like adding cursor: pointer; when selecting crew and the technology section. The biggest thing is the images if you can try to compress them so they load faster it makes a better user experience. For a multipage like this, it is best to use React, which makes the website way more smooth again better for a better user experience.

    Marked as helpful

    0
  • Zybartas• 480

    @ZybartasRingys

    Submitted

    Hello Everyone, I finally completed another challenge! 🎉 I know it's been a while, but I'm happy to submit my very own MERN stack solution to this challenge. 😆

    This was insane challenge to make it work from scratch.

    There were quite a few things I had to learn in order to complete this challenge, and I'm not sure if I did them all correctly. So feedback on both the design and code is welcome and appreciated! 😃

    Entertaiment web app build with MERN stack

    #express#mongodb#node#react

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    That looks, good brother. I just found it on mobile view. There is a lot of gap between the two on the trending tap. I don't know if there's supposed to be a scroll or an auto display to see what's trending. Other than that it looks good.

    0
  • P
    Dat Do Tat• 190

    @datproto

    Submitted

    Overall:

    Such an interesting challenge. Help me learn a lot about Javascript ES6 and some advanced HTML such as formId to trigger Form Child component. My animation skill is better after few challenges as well, so I will probably come back to add some exit animation.

    Also, I'm really appreciate any feedback or ideas to improve my challenge result!

    Never losing fun of learning new knowledge and beating up challenges!

    Connect with me:

    Living multistep form - Made with Tailwind, Framer Motion and NextJS

    #next#react#react-router#redux

    2

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Looks good.

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Good design. However, it's not responsible for mobile POV. I would use a media query to fix that issue.

    0
  • Noel• 230

    @jayrnoel

    Submitted

    What are the things that I need to improve upon? Any feedbacks are welcome.

    Results Component

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Excellent, works perfectly. I prefer to start using CSS libraries, like tailwind, or sass. You don't have to be a CSS god to start using them. With how fast tech is going, you want to start using a library.

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey This looks good to me, good job.

    Marked as helpful

    0
  • Milen Nenkov• 80

    @milen-nenkov

    Submitted

    Hi,

    Is it me or layout challenges get easier the more you do? :) This is the first time I would scale up to desktop size instead of scaling down to mobile.

    I would appreciate any tips or comments you have about my code.

    Regards Milen

    Mobile First Workflow - Three Column Preview Card

    2

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, Yeah lol the more you do it the easier it gets, I'm into that phase right now with JS. Overall this looks good to me man, nice job.

    0
  • Daniela Darnea• 180

    @mdanieladla

    Submitted

    I would like some feedback please. I know it is not perfect, I have things to do better, I'm going slowly step by step learning how to become a better Frontend developer.

    Faq accordion page using HTML, CSS, JS

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, Java Script side the codes work, inactivity seems to be fine. The same goes for responsiveness. However, I word reduce some padding at the bottom of the desktop view and also increase View height in mobile view. On mobile, I can't seem to see the last statement. I'm on a 1920X1080 laptop, which I only see on my 4k monitor. I'm not really sure if it's just my laptop. Other than that the actual JS looks good to me.

    Marked as helpful

    1
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, I would just say try to make the code easier to read, space it out a bit, have it more organized. Same thing with your CSS, IDK what going on my eyes hurt lol.

    0
  • Bojan• 40

    @Bojan227

    Submitted

    Can someone give me a feedback and please give me a tip how to implement background patterns behind my card. Thank you so much in advance!

    CSS + HTML

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, You can set the background IMG through CSS with background:url() then adjust background-size, height, width etc.

    1
  • Samia Mahwash• 170

    @Mahwash-Aly

    Submitted

    The desktop version looks okay to me. The thing that is frustrating me is mobile view. My media query is not working at all. If I try the mobile styling in an independent css file, it works fine but breaks when I use it as media query. I am at my wits ends now. Please help me!

    3-Column-Preview-Card

    3

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey!

    When you starting, if using chrome inspect and set the dimension to a mobile device and build it as the design show for the project, then use min-width for media query when done with mobile to start on desktop view. Search up The Net Ninja on youtube on the responsive build, he goes more in-depth. Other than that it looks good, also the border-radius on mobile was off in the bottom-left and right.

    Hope this helps.

    Marked as helpful

    0
  • MHIEN• 230

    @MinHien-git

    Submitted

    I have problem when use display grid :column card1 lost and I have to use margin for it I need solution for it

    css and HTML

    2

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, nice work on this project, I would recommend using :hover on your "learn more buttons" it would make it a bit more active, also you can reduce some of the paddings I see in between the button and the statements. Overall it looks responsive and good. Also, I try accessing your GitHub, it said it wasn't found, you might've misspelled something.

    0
  • Samia Mahwash• 170

    @Mahwash-Aly

    Submitted

    Hi guys. I tried to recreate desktop layout. Although, it's pretty much close to the desired outlook but somehow I am not satisfied. I fell like I am missing something. Please be kind and go through the code and let me know if there is anything I can do to improve it. Also, I am not comfortable in creating mobile view so far. Any suggestions in that regard are more than welcome. Thanks!

    Social Proof Section Master

    1

    Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, I would try working on mobile preview first then use media query for destop preview, I find it easier that way for me. Also, keep practicing on making look exactly like the design comparison it help you in the long run.

    Marked as helpful

    1
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Hey, you got the right idea but for your CSS use the appropriate width for the pictures, and for JS use let or const I wouldn't recommend var and use eventListner instead of mouseover also look into if and then.

    var e = document.getElementById('parent'); e.onmouseover = function() { document.getElementById('popup').style.display = 'block'; } e.onmouseout = function() { document.getElementById('popup').style.display = 'none'; }

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    Responsiveness is good but I would recommend starting on mobile then work your way up, whichever works for you is fine. Also for the button, you can make the cursor="pointer" and use hover, active is good but it would be best to use hover for that part.

    0
  • Carl Pericles• 400

    @CarlPericles18

    Posted

    It's very good and good on the responsive aspect, just work on the hover effect on the 'Learn More' buttons. And the headings and pictures could be a little bigger on the desktop POV.

    Marked as helpful

    0