All solutions

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

Being able to make the slider work using vuejs is something worth celebrating.

const currentSlideIndex = ref(0);

const slides = window.innerWidth > 768 ? desktopSlides : mobileSlides;

const currentSlide = computed(() => slides[currentSlideIndex.value]);

  currentSlideIndex.value = (currentSlideIndex.value - 1 + slides.length) % slides.length;
};
const nextSlide = () => {
  currentSlideIndex.value = (currentSlideIndex.value + 1) % slides.length;
};```

### What challenges did you encounter, and how did you overcome them?
Changing the background image. I later had to create a data for it.

After almost a year of not doing a personal project and moving from React to Vue, I want to say it feels so good to be back.

What did I find difficult while building the project? I find the grid layout difficult.

Which areas of my code am I unsure of? The grid layout in my app.jsx

Do I have any questions about best practices? In grid layout, what is the best way to use the grid areas? what if my rows are more than tree, how do I go about calling them? what is the best practice to laying sidebar?

What I find diffiicult while building the project? It has to be the lightbox and making it responsive.

What I found difficult? Styling the checkbox

Which area of my code am I unsure of? I realised that after clearing completed, it clears. However, when I reload, I get the completed that I've cleared. What can I do?

Any question on best practices?

• styling checkbox
• using firebase

This is like one of the most challenging challenge so far but I pulled through.

Kindly look through and commend or give recommendation.

What did I find difficult while building the project?

The clicks gave me a tough time but I had the help of a bro in tech.

Kindly check through and let me know your thought

So, I watched Travesy media build this challenge from scratch and I followed it. I will ,ater build mine indpendently with easybank challenge

What did I find difficult while building the project? Styling the background iamhe and iamge in the hero section. I tried using css fir it to no avail. So, i left it. I will go back to it once I get suggestions on how to go about it from here.

Which areas of my code am I unsure of? That will be the hero section.

Do I have any questions about best practices? This will be my first time of using tailwind css to build a website. I ope I wont have issues with accessibility.

What did I find difficult while building the project? Styling the curved edges proved to be difficult. I don't want to position it for it may give me issues wit responsiveness. I was looking for a way I can style it once and for all without having to change each section with each media queries. After much googling(which is a developer skill anyway), i got the idea touse the background differenntly. I dont need to use positioning and it works just fine. Do I have any questions about best practices? I can only hope I've done my best with best practices. I always have accessibilty isuues. God abeg.

I will really love to thank OSORIODEV on github for his solution gave me clarity on how to go about styling the pop up and the bar.

I see that I got better with background styling too.

I didn't follow the best practice for naming classes though. I will do better in the next project. Kindly look through the codes and revert.

Thank you

Styling the background almost made me pull my hairs out but I pulled through

I am excited about this project!

I was able to read up on the suggestions given by @laceeder and @didyouseekyng on naming convention. In a way, I tried implementing them. Kindly look through the code and tell me what you think.

What I find difficult while building the project:

The responsiveness. I tried my best not to make my cards look too big bespecially on desktop but I don't know how to go about it.

Which areas of my code am I unsure of:

That will be the responsiveness.

I need documentations on grid. This should go a long way to boost my learning. This is like the first grid project I will do.

I await you helpful feedback please.

ok.

This is the second grid challenge I will do and the challenge I have from the first is the sae i second.

I guess it it is screen size but my cards look larger than the pictures given. I tried removing the paddings and margins but it is almost the same. I want suggestions on how I can improve on this.

Also, if there are documents or video on grid, I will love to have the links so I can learn more.

Grid is fun but technical.

I await your suggestions

if I can use flexbox, why do I need to use grid?

What makes grid different from flexbox anyway?

I really find styling the background pictures for the header and some sections very difficult. I got the general idea though but I just couldn't make it look the same as the one on the design given.

Also, I find my lines of code are overwhelming. How do I go about sectioning them? I still think there is a shorter to write my Javscript. You can go through the code on my repo in order to give insight.

And yes, best practices with styling the dropdowns in HTML without my codes being flagged.

Your thoughtful suggestions are expected. Help me do better.

I am so happy with the completion of this project. This will be like the first mobile responsive project I will start from scratch and finish.

However, I realise I still have a lot to learn when it comes to best practices in HTML. When I checked the HTML validator, I saw that I came up with errors I couldn't rectify and the obvious one is putting <div> element inside <ul> element.

I will love pointers on how to go about this.

Thank you.

Thanks to @wellspr on github.