All solutions

Hey, everyone

How do I style the link elements to appear as it is in the original design? And also, I did add an overlay to the background image in the header section, but it also darkens the h1 text. What approach can I use to darken the background image but not the h1 text?

Hey, everyone.

I was able to validate my form as should, but I'm unable to make the form submit. How do I fix it, please? And also, I had asked a question on my last solution but got no response to it. Please look up my last project: https://www.frontendmentor.io/solutions/base-apparel-coming-soon-rWyMNUiP3n to find the question I asked.

Hello, everyone! So, this is my first project to be done with a JavaScript, and I'm particularly excited about it. However, I did come across a few things I wasn't so sure about how to tackle:

1. How was the icon button made to fit in properly into the input, and also, the error icon? Mine overlapped my icon button at first. I kinda cheated to get it to work, and yet, it isn't perfect.

2. I used JavaScript to switch the layout between the image and the text using this code: function screenSize() { if (window.matchMedia("(max-width: 1099px)").matches) { const colText = document.querySelector('.col-1-text'); const col2 = document.querySelector('.col-2');

                            colText.before(col2);
                        }
                    }
   

It sure worked, but it isn't perfect. When resizing the screen, it wouldn't take effect, not until the browser is refreshed. Is there a way to get it to work without having to refresh the browser?

Thank you.

Hello, everyone.

Building this design wasn't so easy as I thought it would be for me. However, I quite enjoyed the time spent on the task.

So, I've got uncertainties about some best practices:

• How is the <progress> tag styled? I had to use divs to create mine.

• What's the best practice for creating the "185 GB LEFT" div, along side the little triangle drop down it has?

For the "185 GB LEFT", I had to create a separate triangle and then shift it to fit under the box. Any better solution for this?

Thanks, guys.

Hello, everyone. Doing this challenge was quite a big task for me, but I absolutely loved it. But I had some issues I couldn't resolve. Here:

• What is the best solution to adding the background image to the sections?
• How do you make the image fill the entire width of the figure element?

Thanks for the help.

Hey, folks. Completing the challenge was a fun one for me after I was away for months. I'm back now. So uh, the only questions I've got:

1. How were the buttons in the original design given the box-shadow they had? It seemed a little different from the regular ones.

2. Is it okay adding classes or IDs to HTML semantic elements?

I'd love to hear from anyone so I could add a little to my knowledge. Thanks.

Hello guys. I just completed the 'Flyo Landing Page With Two Column Layouts'. It was a pretty great experience for me whilst building the project. I had just a few challenges though; here goes:

1. The link that says 'See how flyo works', what's the best solution to make it underlined all through to the image?

2. Initially, I made the div container carry the borderline for link and hover state. When it is hovered and the borderline moves up, the rest of the page also moves up. Please, what's the solution to get this done right?

3. When the CTAs are focused, how do I get it to give user feedback if no email is entered when submit button is pressed?

Hello, folks. I used css grid and a position relative to get my cards in place for the desktop layout. Is that the best solution to it, and is there any other method to laying the cards out?

Secondly, the border color at the top of each card, is a 'before' pseudo class or border-top more appropriate? Thanks in advance.