I wasn't blowing my own trumpet at all...........l was reacting to your post which seems to apply just because l dont need my ego massaged or some kind of reassurance by showing my work l haven't produced any projects.   I'm very assured about my abilities and what l need to improve, a lot. l don't need to garner the opinions of others on that front. The only  critera that matters is the clients opinion, they pay the money.   As for what l do now, no l don't engage in producing projects any longer, by choice. I just don't enjoy it like l used to. Do l enjoy coding still, yes, you bet and if anything that's what l now concentrate on, albeit  smaller but significant parts of a bigger project. The parts that perhaps are beyond the skill level of those who haven't learned their craft. ... View more

There's nothing too toxic about this thread it's actually been one of the  most enlightening/interesting in quite a while......... others have their own opinions, l don't agree with some of them but it's rather thought provoking which makes what has become a rather dead, dull, uninspiring and repetitive forum somewhat more entertaining ... View more

It's not ignorance it's reality, anyone who says it's not is in denial, maybe because they have been brainwashed or just don't want to accept they are nothing more than a robot deploying pre-programmed concepts, quite possibly both.   There's craftsmen and then there's  master craftsmen, the elite who think for themselves. I know which one l would like to aspire to be. By @osgood_   These are huge statements by someone who, over more than a decade, has never shown any of their projects. Are there any????   By @BenPleysier     You've answered your own question. l'm not or have never been proud of the work l produce/produced or need the ego boost, to me its never good enough, l'm never good enough in my opinion.  You obviously think yours is and need the ego boost......... l wont critic yours as it would take too long but if that is the standard you aspire too and which pleases you then congratulations.   Just to remind you, l said "aspire' not that l will or have ever reached what l aspired to.....but l tried damn hard.   As an aside note, as you well know  for over a decade lve helped and provided 100s of solutions in this forum, written bespoke code, php, css, html and javascript to help those who require it, so l must be a little bit OK. ... View more

As they say 'you're part of the problem, not the answer'. Exactly what skills and knowledge are you using beyond a predefined selection process? By @osgood_   As I said: "This sort of statement can only be made by those who are ignorant of current day web development and solutions."   By @BenPleysier   It's not ignorance it's reality, anyone who says it's not is in denial, maybe because they have been brainwashed or just don't want to accept they are nothing more than a robot deploying pre-programmed concepts, quite possibly both.   There's craftsmen and then there's  master craftsmen, the elite who think for themselves. I know which one l would like to aspire to be. ... View more

I use them daily, they are a nightmare. It's also not an opinion! It's fact, especially when Google has a monopoly and you have to google for hours to find certain settings on a site, on a os, etc. They provide some of the worse user experiences in the business! I have already documented this very well in all my posts. Not putting up with this anymore! It's not a debate! Stop trying to make it into one!   By @SB-W   Not only that, try implementing any widget these 'influential' companies might have available by following the user instructions, you might need a couple of spare years, most are so poorly explained and written. ... View more

You are actually so brainwashed, it's incredible. By @SB-W   Brainwashed is a fairly accurate assessment of what is really happening out there these days. ... View more

    Does this look like a so-called developer who is just plain lazy and lacking the skill and knowledge of their profession who uses quick and dirty solutions? This sort of statement can only be made by those who are ignorant of current day web development and solutions. By @BenPleysier     If they were skilled and knowledgable then they would have not needed any third party solutions. The fact that anyone can put a reasonably complex website together these days whilst working as a brick layer full time and a web developer part time does not make them skilled or knowledgable, it means they can press buttons...........its not phones or divs that killed web devlopement its solutions like what you use that killed it for the skilled and knowledgable    As they say 'you're part of the problem, not the answer'. Exactly what skills and knowledge are you using beyond a predefined selection process? ... View more

We agree on quite a bit in regards to modern day development processes and solutions but l cant agree that divs are an issue or phones. If anything it was tables that were the issue, the more you had the requirement to nest tables within one another so the code became difficult to manage and problem solving table issues, errors became a nightmare, in my opinion.   l don't use any frameworks or third party widgets if l can avoid them as they are not strictly necessary. Frameworks, widgets etc were created to simplify the development process for so called developers who are just plain lazy, lacking the skill and knowledge of their profession. It may not all be their fault as quick and dirty solutions are sometimes a requirement by their pay masters to maximise company profit margins. ... View more

 I will have to look into Wappler; can you define your own custom column system or are you locked into theirs? Can you make your own boiler plates? How is intellisense? inline editing? Are there snippets? I am not a fan of Bootstrap. I am also not a fan of no-code or low-code alternatives like this or Webflow  By @SB-W   If you're not a fan of Bootstrap or no code/low code solutions then you are in good company, l"m not either. Since Wappler deploys Bootstrap as its principle css framework then l'm not sure it's the correct solution for you. As far as l know it doesn't yet support Tailwind. It also relies heavily on its own js framework "app connect" for interactive javascript based solutions. Unless you are going to take advantage of such options then you might question why you would use it.   For the right user its probably one of the better alternatives to explore if youre happy with using niche workflows and deploying prebuilt widgets.  ... View more

I waste 1000 hours per year with tech problems, account problems, etc. Every industry where media is involved has turned this way, mostly because of phones, but also because I think those in power want to make things more convoluted when the solutions are so much simpler to build. Maybe for the backend its fine, like AI coding, but for the front end its so gross. I am sure at the higher levels of backend, AI coding is a nightmare right now.    By @SB-W   I agree with you in principle, things have become overly complex because new developers aren't willing to spend the time needed to understand what it is they are actually doing, hence we now have a lot of 'human robots' just deploying code, third part widgets etc written by someone else, rather than actually writing anything themselves. Frameworks and widgets killed web development, not phones. There is no 'right way' to do anything anymore, given the numerous number of options now available, which basically all do the same thing. Too many options killed web development or at the very least confused web developers to the point of mental exhaution, not phones. ... View more

Dreamweaver is in minimal maintenance mode these days ie its only getting bug, Os fixes etc. Don't expect any updates which involve more up to date versions of 3rd party frameworks/libraries or any more modern techniques that are currently being used.   According to what you need/require or what your expectations of a bit of software should be it might be that you investigate other options if you which to progress.   beyond what it currently has to offer. ... View more

Yes, that's as a result of the left padding of 25px on the 'product' css:   You can remove the padding completely from the 'product' css.   Then add some left and right margin to the text and image css to stop those items running into the side of the 'product' box as the browser window narrows.   Alternatively you can leave the padding on the 'product' css and position the 1st, 2nd text etc absolutely by giving the 'product' css a position of relative.   position: relative;   Then giving the css that controls the 1st, 2nd etc text a position of absolute:   position: absolute; top: 0; /* this is the default position */ left: 0; /* this is the default position */   You should not really need to include the default position as part of the css.   If you use the absolute positioning solution you will most likely encounter the text sitting over your other text. To counter this give the 'product' css some more top padding to push the text down further in the box..       ... View more

Just revise the padding on the 'product' css to:   padding: 0 25px 25px 25px;   That removes the top padding set on the 'product' box. Then move the 1st, 2nd code etc to the start of the 'product'  box. Depending upon what html tag you have used for 1st, 2nd etc you may need to zero its padding and margin so the text sits flush top and left with the 'product' box. ... View more

You're probably better off using css grid for the main structure, rather than Bootstrap, which can be a bit obtuse with its myriad of classes scattered amongst the html...........its not something I would use personally. In my opinion it's a cheap and dirty solution for quick development for those who dont really have the skill necessary to roll their own solution.   See below for grid example code. Just copy and paste into a new Dreamweaver document. It starts off with 4 columns as default then reduces to 3 columns, 2 columns and finally 1 column when the browsers viewport gets narrower.   Just add more 'product sections' as desired. The whole thing is a lot simpler and cleaner when the html is not so bunged up with lots of css classes which the Bootstrap and other css frameworks use. You can then just use your own css/html to style the content of the boxes how you want.     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Grid</title> <style> * { box-sizing: border-box; } body { font-family: helvetica, sans-serif; font-size: 14px; line-height: 20px; } .productWrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; width: 90%; margin: 0 auto; max-width: 1200px; } /* 3 columns when browser viewport reaches 960px wide */ @media screen and (max-width: 960px) { .productWrapper { grid-template-columns: repeat(3, 1fr); } } /* 2 columns when browser viewport reaches 660px wide */ @media screen and (max-width: 660px) { .productWrapper { grid-template-columns: repeat(2, 1fr); } } /* 1 column when browser viewport reaches 480px wide */ @media screen and (max-width: 480px) { .productWrapper { grid-template-columns: 1fr; } } .product { border: 1px solid #000; border-radius: 6px; padding: 25px; } .product h2 { margin: 0; padding: 0; text-align: center; } .product img { max-width: 100%; height: auto; margin: 20px 0; border-radius: 6px; } .product p { margin: 0; padding: 0; text-align: center; } </style> </head> <body> <div class="productWrapper"> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> <section class="product"> <h2>Product Title</h2> <img src="https://picsum.photos/250" alt=""> <p>Some text about the product</p> </section> <!-- end product section --> </div> </body> </html>         '  ... View more

Just copy the first link in the image you have shown and then paste it into the code Ben supplied directly before the closing </head> tag in the code. ... View more

I downloaded bootstrap-5.3.3-dist from getbootstrap.com , but I don't know what to do with those files or anything. . . lol By @jamedlock83   You don't have to download the files, just copy the 'quick start' css link from the Bootstrap 5 website and for ease just paste that link directly before the closing </head> tag in the code that Ben supplied above. ... View more

ohhhhh ok. . That makes sense. . I'm screwed then, unless I use VSCode By @jamedlock83   No youre not screwed. You can still use Dreamweaver you just have to manually link the Bootstrap 5 css file that you can obtain a link for from the Bootstrap website. Look for the quick start link on the website it will take you to a bit of code that you just copy and paste into the code Ben supplied in place of bootstrap/5/css etc   That will at least give you a structure you require, you can then just use your normal html/css to build going forward. ... View more

As far as l know Dreamweaver doesn't have access to Bootstrap 5 unless it's recently been introduced so just pasting the code supplied into a Dreamweaver document isn't going to work correctly.   Go to the official Bootstrap 5 website, do a Google search for it. There will be a link to the Bootstrap 5 css file that you can select and copy, then just paste it into the code shown by Ben replacing the current link to the Bootstrap css ie look for bootstrap/5/css etc in the code and replace it. ... View more

I'm not familiar with Bootstrap. I don't know how to do any of that, to be honest. By @jamedlock83   What are you familiar with using?   If you have not yet acquired the skill level of copying and pasting a link then one would assume progress is going to be like pushing marbles up a steep hill with your nose.   Is this your first attempt at putting a website layout together or have you managed to produce something previously? ... View more

I can't afford to use Wappler. . . This is what i'm seeing     By @jamedlock83   You need to link the Bootstrap 5 css to your file, currently its only being linked to a local version, /bootstrap/5/css  etc, which you don't have access to.   Search Google for a cdn hosted version of Bootstrap 5, copy the link and paste it into your file where the current link to the local version of Bootstrap 5 is or go to the official Bootstrap 5 website, l believe they also supply a hosted cdn link.   Once the Bootstrap 5 css file is linked you should see the correct presentation in  your browser. ... View more

You need to set the image to 100% width, which should then force it to consume the width of its parent container, although doing this could cause the image to lose some quality.   In my opinion it's better to use a larger width image and set it to have a max-width: 100%; That way it can never grow wider than its parent container.   As with all things, it's not quite that simple if done correctly one should be using a series of different sized images for different devices, that way you can deliver smaller images on smaller devices and  bigger ones on bigger devices. ... View more

I assume you have 3 cols?   2 which span 25% each and 1 which spans 50%?   Try: flex: 1; /* for the cols which span 25% */   flex: 2; /* for the col that spans 50% */ ... View more

Ha, ha, now l have officially retired my intake of cappuccino is significantly more important to me than any web development program on the planet..........got to get your priorities right. ... View more

I don't see anything incorrect in using your solution......in fact you should be able to control the gaps more accurately using calc.   My advice would be to use what is familiar to you and that which you feel comfortable deploying..............there's many ways which can be used to arrive at practically the same result.   Doesn't grid also suffer the same issue where padding gets added to the width of a container despite using box-sizing: border-box? Somewhere in the back of my mind l seem to recall it does. ... View more

One way, assuming it's a gap between the anchor tags you are requiring - set the css on the anchor tag to less than 25%, say 23%, and apply  align-content: space-between; on the 'container ' css. ... View more

There are so many viewport variations these days you may need to deploy a lot of media queries to achieve the desired effect across a range of devices. When l deployed a set of icons and didn't want a widow icon on one line the extensive amount of media queries l had to use became an issue so l used 'white-space nowrap' which does the job more automatically and caters for any size viewport rather than media queries which only activate at certain viewport widths.........l was exploring a more robust option to cater to a wider amount of devices automatically.   Maybe lm unusual but l frequently widen and narrow my browser viewport on a Mac so if there's no media query to  cater for the varying widths the intended design outcome doesn't always work.   ... View more

Foĺlow Lenas advice or you can wrap the pairs of  "a" tags in divs and apply the  css attribute white-space: nowrap; to the divs, which will force the pairs of "a' tags onto a seperate line at any screen width which won't accommodate them, without using media queries, although on smart phone screens you may possibly want each 'a' tag to be on its own line...............so plenty to think about. ... View more