Latest solutions
Responsive Four Card Feature Section Using Flexbox And Media Queries
Submitted about 1 year agoI don't know. I guess I'd like to know if the challenge could have (should have?) been solved with CSS Grid? If that was doable then I'd also like to know how.
I'd also like to know what this means: "All page content should be contained by landmarks". I keep getting this as an error in my Accessibility Report and when I looked it up far as I could tell landmarks are elements that help with the structure and semantics of a page (like header, main, article, section etc.). But when I add those to try and fix the errors it doesn't change anything. So does anyone know what I'm missing?
Responsive Product Preview Card Using Flexbox and Media Queries
Submitted about 1 year agoI'd like to know if using the picture element was the best way to go or if there are other (more suitable) solutions? How did you do it?
And then just general feedback I guess, anything you can tell me that can help me develop is much appreciated.
Responsive Recipe Page using Flexbox and a Mobile-First Approach
Submitted about 1 year ago-
The image: What was the HTML and CSS suppose to look like? How could I have made it look the way it does in the design?
-
The table at the bottom of the page: Was it suppose to be a table? I'm thinking yes because of the use of semantic HTML, but is that correct? Could I have styled it differently? Where did I go wrong?
-
Social Links Profile Using Flexbox
Submitted over 1 year agoWhen are you suppose to use buttons and when are you suppose to use links? I mean links are links and buttons are buttons, but I mean what do you use buttons for? Is it just like submit, send, and stuff like that?
Responsive Blog Preview Card using Flexbox
Submitted over 1 year agoQuestions
- Is using an image as a pointer the "correct" solution to the problem? Are there other ways of solving it? Like is it possible to change the color of the pointer?
- Is using rems or ems one way to make the font-size smaller on smaller screens? Is that how they work? Or is there another solution?
- How do you design for mobile-first? Like practically? Do you just make your screen the size of a mobile screen and start coding or is there another, better way of going about it?
QR Code Component using CSS Custom Properties
Submitted over 1 year ago- I need help with how I get the padding (you know the white frame around the qr-code and text) even all the way around? I just couldn't figure it out. But then again, me and padding needs to get better acquainted with each other. So maybe you could help a gal out.
- I also really want the question "Was I suppose to use media queries in this challenge?" answered. Because the site worked fine until around 318px in width so I'm thinking no. But what's your opinion?
Latest comments
- @FHernandez08@lindajensen
I think that overall you did a great job. I just noticed that in mobile view the text that's not in boxes disappeared which is kind of problematic. At least it did on my laptop when I made the viewport smaller.
I also noticed that you started with an <h4> and I'm not a 100% sure but the way I've been taught is that you shouldn't skip heading levels. You can read more on W3 Schools (https://www.w3schools.com/tags/tag_hn.asp)
- @marchena290@lindajensen
Looking at your code I'm guessing you're way more advanced than me hahah I think you did a great job! The product card is almost identical. The only suggestion I can give you is have a look at how to write alt-texts. I've come across quite a few sources that suggest writing kinda short and straight to the point alt-text and not being too detailed. But my experience and knowledge is not a lot so I could be wrong.
Good job and happy coding!
- @vardalonurWhat are you most proud of, and what would you do differently next time?
There are probably incorrect or unnecessary entries both on the html and css side. But this is my first project and I tried to interpret everything I know. The next one will be better.
@lindajensenI mean it's not exactly like the design image, but then again neither is mine. I found this challenge kind of difficult. If I could give a friendly suggestions it would be to put the headings in descending order (h1, then h2, then h3 and so on).
Good job and happy Coding!
Marked as helpful - @BT453567What are you most proud of, and what would you do differently next time?
n/a
What challenges did you encounter, and how did you overcome them?n/a
What specific areas of your project would you like help with?I would like to know how the code compares to professionally written code.
@lindajensenSo I don't think I can tell you how your code compares to professionally written code because I've only been coding for like 6 months. But I do think you seem to have done a good job. Your project looks a bit smaller than the design image but I wouldn't have known that without the comparison image above.
I hope you have a great evening and happy coding!
- @amina-refikWhat are you most proud of, and what would you do differently next time?
I have utilized semantic web tags.
What challenges did you encounter, and how did you overcome them?Correctly sizing the article illustration in the mobile view is challenging due to the image ratio. I was able to resolve it by using object-fit: cover;.
What specific areas of your project would you like help with?I can't figure out how to properly space the elements.
@lindajensenI think your it looks really great. I haven't been coding for very long so it's kind of hard to give feedback and offer solutions to the areas you need help with. The only thing I can think of is that it looks like the height of your card is a bit off. But then again I never would have known that if i didn't have the design image straight next to your version. I decided to put a height on my card, but I'm so not sure if that's how you're suppose to solve it.
Good job and happy coding!
- @sibi404What are you most proud of, and what would you do differently next time?
I completed the challenge earlier than I expected I will try to optimize the code next time and try to make more responseive
What challenges did you encounter, and how did you overcome them?Using font is little bit confusing
What specific areas of your project would you like help with?Responsiveness and code optimization
@lindajensenI haven't really been coding that long so it feels weird giving feedback to someone who's probably been doing it a whole lot longer than me. I think you did really good. Especially with the padding (around the QR-code and text) which you did waaay better than me. Good job!
I'm sorry I can't really help you with your questions because I have too little experience and knowledge to do so.